NFTVerse

NFTVerse is an innovative NFT marketplace that leverages real-time crypto market data, enabling users to seamlessly explore, buy, sell, and gain insights on NFTs. Built as part of the QuickNode Hackathon, this project won the Best Use of Crypto Market Data Add-on powered by CoinAPI.

🏆 Award

NFTVerse received the Best Use of Crypto Market Data Add-on at the QuickNode Hackathon, along with a $1,000 cash prize!

🚀 Live Demo

Check out the live demo here: https://quicknode-hackathon.vercel.app/

📝 Project Overview

NFTVerse combines the power of blockchain and real-time market data to provide a unique, interactive NFT experience. With NFTVerse, users can:

• View Real-Time Market Data: See up-to-date crypto prices, volumes, and trends with CoinAPI integration.
• Browse and Discover NFTs: Search, view, and analyze NFTs, with live price updates to make informed decisions.
• Wallet Integration: Connect your wallet to buy, sell, and manage NFTs directly from the marketplace.

📚 Features

• Real-Time Crypto Data: Access live crypto market data including price, volume, and other metrics.
• Dynamic NFT Marketplace: An interactive and user-friendly NFT marketplace.
• Wallet Connectivity: Seamlessly connect with wallets like MetaMask for secure transactions.
• Detailed Analytics: View crypto trends and data insights directly within the platform.

💻 Technologies Used

• QuickNode: For blockchain infrastructure and reliable access to the Ethereum network.
• CoinAPI: To fetch real-time crypto market data and integrate it within the NFT marketplace.
• React: For building the user interface.
• Vercel: For deployment of the live demo.

🛠️ Getting Started

Prerequisites

• Node.js (v14+)
• NPM (v6+)

Installation

1. Clone the repository:

   git clone https://github.com/gokulnpc/Quicknode-Hackathon.git
   cd Quicknode-Hackathon

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Create a .env file in the root directory.
   • Add your QuickNode and CoinAPI keys:

     REACT_APP_QUICKNODE_KEY=your_quicknode_key
     REACT_APP_COINAPI_KEY=your_coinapi_key

4. Start the application:

   npm start

5. Visit http://localhost:3000 in your browser to view the app.

📂 Project Structure

Quicknode-Hackathon/
├── public/               # Static assets
├── src/
│   ├── components/       # Reusable components
│   ├── pages/            # Main pages (Marketplace, Wallet, etc.)
│   ├── services/         # API service files (QuickNode, CoinAPI)
│   ├── App.tsx           # Main app component
│   └── index.tsx         # Entry point
└── README.md

🛠 API Usage

NFTVerse uses the following API services:

• CoinAPI: Fetches live market data, including prices, volume, and historical trends.
• QuickNode: Connects to the Ethereum network for handling wallet transactions and blockchain data.

📈 Features Explained

• Crypto Market Overview: Provides a snapshot of the current market status, including global market cap, Bitcoin dominance, and top trading pairs.
• NFT Marketplace: Users can explore trending NFTs with live price updates.
• Transaction History: Users can view their past transactions and interactions with NFTs.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

We welcome contributions! If you'd like to collaborate, please fork the repository and submit a pull request.

1. Fork the repository
2. Create a new branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin feature/YourFeature)
5. Open a pull request

📬 Contact

If you have any questions or suggestions, feel free to reach out!

• LinkedIn: Gokuleshwaran Narayanan
• Email: [email protected]

---

Feel free to customize further to better reflect your project details and add any additional sections as needed!