project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4

NFT Tracker

Track NFT collections in real-time with our web app! Get dApp names, sale prices, and explore associated NFTs. Stay informed and make smart decisions in the fast-paced world of NFTs. #NFTTracker #Crypto

NFT Tracker

Created At

ETHGlobal Waterloo

Project Description

The NFT Tracker Web Application is a powerful tool designed to provide real-time insights and data about NFT collections. It offers a user-friendly interface where users can input the token address of a specific collection and instantly retrieve valuable information about that collection.

The web application leverages the AirStack API to gather and display essential collection statistics. These statistics include the dApp name, lowest sale price in the native token of the blockchain, lowest sale price converted to USDC (USD stablecoin), token address, and the timestamp of the first transaction block for the collection.

Additionally, the application retrieves detailed information about the collection's associated NFTs. Users can explore the individual NFTs within the collection, viewing their unique token IDs and accessing the content values, such as images. The application conveniently displays the small-sized images of the NFTs for a visually appealing and informative experience.

With a limit of 20 results, the NFT Tracker Web Application offers a comprehensive overview of the specified collection, allowing users to stay informed about the latest trends and pricing data in the NFT market.

Overall, the NFT Tracker Web Application provides a convenient and efficient way for NFT enthusiasts, collectors, and investors to track and monitor the performance of specific NFT collections, enabling them to make informed decisions based on real-time data and insights.

How it's Made

Front-end: JavaScript frameworks like React or Vue.js for building the user interface and handling user interactions.

Web Development Tools: HTML, CSS, and JavaScript for building the web application's frontend components and styling.

AirStack API: Used to fetch NFT collection data based on the provided token address. The query that was shared demonstrates the usage of the AirStack API.

The front-end components are built using React or a similar framework, allowing for efficient rendering and data manipulation on the client-side. The user interface captures the user's input, specifically the token address of the desired NFT collection. The AirStack API processes the request, retrieves the relevant NFT collection data based on the token address, and returns the response. The front-end application receives the response and updates the user interface with the retrieved data, displaying the collection information and associated NFTs. Users can interact with the displayed information, explore NFTs, and gain insights into the collection's performance. One thing we struggled was retrieving the information from air stack query.

background image mobile

Join the mailing list

Get the latest news and updates