Futurestarter-react-embed NPM

FutureStarter React Embed

This project contains a comprehensive collection of reusable and customizable React components designed specifically for integrating with FutureStarter. These components and apps are being used by the WordPress plugin available at https://github.com/fantomstarterio/fs-react-embed-wordpress-plugin.

Features

Modular React components for displaying project information, sale details, and more
Support for both testnet and mainnet environments
Integration with various blockchain networks including Fantom, Ethereum, Polygon, and others
Customizable styling options for easy integration into existing designs
Real-time data fetching and display
Standalone app for Real World Asset (RWA) project card

Components

The main components included in this library are:

ProjectCard: Displays key project information and investment options
SaleInfoCard: Shows detailed sale information
DescriptionCard: Presents the project description
CampaignCard: Displays campaign-related information
HeroImageCard: Renders the project's hero image
RwaProjectCard: A specialized card for Real World Asset (RWA) projects

Apps

The project includes a standalone app in the apps directory:

rwa-project-card: A separate application that builds the RWA Project Card component into a deployable app.

Installation

To install the package, run:

npm install futurestarter-react-embed

Usage

Here's a basic example of how to use the ProjectCard component:

import { ProjectCard } from 'futurestarter-react-embed';

function App() {
  return (
    <ProjectCard
      id="your-project-id"
      isTestnet={false}
      width="360px"
      backgroundColor="#000"
      color="#fff"
      fontFamily="Inter"
      borderRadius="20px"
      padding="20px"
      gap="20px"
    />
  );
}

Configuration

The components accept various props for customization. Refer to the individual component documentation for detailed information on available props and their usage.