NFT Indexer 🖼

Description

This project is an NFT Indexer that fetches and displays all ERC-721 tokens owned by a given address using the Alchemy SDK and Chakra UI.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/nft-indexer.git
    cd nft-indexer
  2. Install dependencies:

    npm install
  3. Create a .env file in the root directory and add your Alchemy API key:

    VITE_APP_ALCHEMY_API_KEY=your-alchemy-api-key
  4. Start the application:

    npm start

Usage

  1. Open the application in your browser.
  2. Enter an Ethereum address in the input field.
  3. Click the "Fetch NFTs" button to retrieve and display the NFTs owned by the address.

Technologies Used

  • React
  • Chakra UI
  • Alchemy SDK
  • MetaMask

Features

  • Fetch and display all ERC-721 tokens for a given address.
  • Display NFT metadata including name and image.
  • Responsive design using Chakra UI.

Screenshots

Alt text Alt text

Acknowledgments

This project is based on nft-indexer by the following contributors:

  • AlvaroLuken (Alvaro Luken)
  • arjunadhikary (Arjun Adhikari)
  • yash251 (Yash Jagtap)

Significant changes and new features have been added by Kahlob Bookout.

Feel free to fork the repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.

License

MIT