This is a React-based web application that provides detailed information about NFT collections on the Solana blockchain. It uses the HelloMoon API to fetch and display data about NFT collections, including statistics, loan summaries, ownership information, and floor prices.
- Search for NFT collections
- View detailed collection information, including:
- Collection stats (supply, holders, listings, average price, market cap, wash trading score)
- Loan summary (default rates, number of defaults, number of repaid loans)
- Ownership information (current owners, owners over time, top holders)
- Floor price history (with chart visualization)
- Responsive design for desktop and mobile devices
- React.js
- React Router
- Axios for API requests
- Recharts for data visualization
- Tailwind CSS for styling
- HelloMoon API for NFT data
Before you begin, ensure you have met the following requirements:
- Node.js (version 14 or higher)
- npm (usually comes with Node.js)
- A HelloMoon API key (sign up at https://www.hellomoon.io/dashboard)
-
Clone the repository:
git clone https://github.com/heyimsteve/nftfi.git cd nftfi
-
Install the dependencies:
npm install
-
Create a
.env
file in the root directory and add your HelloMoon API key:REACT_APP_HELLOMOON_API_KEY=your_api_key_here
To start the development server, run:
npm start
The application will be available at http://localhost:3000
.
To create a production build, run:
npm run build
This will create a build
directory with optimized production-ready files.
- Open the application in your web browser.
- Use the search bar to find NFT collections by name.
- Click on a collection to view detailed information.
- Explore the different sections (Collection Stats, Loan Summary, Ownership Info, Floor Price) to gain insights about the NFT collection.
Contributions to this project are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name
. - Make your changes and commit them:
git commit -m 'Add some feature'
. - Push to the branch:
git push origin feature/your-feature-name
. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE
file for details.
If you have any questions or feedback, please open an issue on GitHub or contact me.