View the Demo
The NFT Marketplace is built using the following technologies:
- 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.
- 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.
- Vercel: A platform for deploying and hosting web applications. We use Vercel to deploy the Patient Management Dashboard.
View the Demo
- Git: A distributed version control system used for tracking changes in our codebase and collaborating with multiple developers.
- Connect your wallet Here
- Head over to Mint to mint your own NFT
- Once completed you can now create a direct listing below the minted NFT
- You can now view your listing along with all the other market listed NFT's in the Market
- You can also view your own listings in the My NFT's Tab
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
- Implement auctioning
- Allow other markets to be listed
- Setup shopping cart to add NFT's to a cart and checkout