Table of Contents

• Demo
• Tech Stack
• How it works
• Getting Started Locally
• TODO

Demo

View the Demo

Tech Stack

The NFT Marketplace is built using the following technologies:

Front-end

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• TypeScript: A typed superset of JavaScript that adds static types to the language.
• Tailwind CSS: A utility-first CSS framework that provides a set of pre-designed styles and classes for building responsive user interfaces.

Authentication

• Thirdweb Authentication: Thirdwebs's authentication service that provides easy-to-use authentication for our web app. This allows you to connect your MetaMask wallet with a click of a button.

Deployment

• Vercel: A platform for deploying and hosting web applications. We use Vercel to deploy the Patient Management Dashboard.

View the Demo

Version Control

• Git: A distributed version control system used for tracking changes in our codebase and collaborating with multiple developers.

How it works

1. Connect your wallet Here
2. Head over to Mint to mint your own NFT
3. Once completed you can now create a direct listing below the minted NFT
4. You can now view your listing along with all the other market listed NFT's in the Market
5. You can also view your own listings in the My NFT's Tab

Getting Started Locally

First, install the dependencies:

yarn

Open http://localhost:3000 with your browser to see the result.

Next add your firebase config to your .env.local file:

NEXT_PUBLIC_NATIVE_TOKEN_ADDRESS=""
NEXT_PUBLIC_CONTRACT_ADDRESS=""
NEXT_PUBLIC_THIRD_WEB_CLIENT_ID=""
NEXT_PUBLIC_THIRD_WEB_SECRET_KEY=""

NEXT_PUBLIC_MARKETPLACE_ADDRESS=""
NEXT_PUBLIC_NFT_COLLECTION_ADDRESS=""

Start the project:

yarn dev

TODO

• Implement auctioning
• Allow other markets to be listed
• Setup shopping cart to add NFT's to a cart and checkout