Opensea Clone

A fully responsive, functional and graphically pleasing clone of the most popular NFT marketplace. Gives you the ability to browse, sell, purchase NFTs and even create your own collections at the push of one button.

Live Demo

White Mode

Dark Mode

Installation

Clone the repository

  git clone https://github.com/reddigszymon/OpenseaClone.git

Change the path to projects directory and install packages with yarn install

cd OpenseaClone
yarn install

Open up a second terminal, change the directory to studio and install remaining packages with yarn install

cd studio
yarn install

To run this project, you will need to add the following environment variables to your .env.local file

NEXT_PUBLIC_SANITY_PROJECT_ID - project Id of your sanity project

NEXT_PUBLIC_SANITY_TOKEN - token of your sanity project

NEXT_PUBLIC_CMC_API_KEY - coinmarketcap API key

NEXT_PUBLIC_GOERLI_KEY - etherscan goerli API key

After the environment variables have been added, you can run start the project by running

yarn dev

in your main directory and

sanity start

in your studio directory.

Features

• Light/dark mode toggle
• Browse your favourite NFT collections
• Purchase NFTs, sell your NFTs and cancel your own listings
• Fully functional on the Goerli Ethereum Testnet
• Create your own collections
• Check your wallet balance in both Ethereum and USD
• Track all of the NFTs you own
• Ability to favourite NFTs
• Working Search Bar
• Edit your profile avatar and banner

Create your own collection

First upload head to the Create tab, fill out the Collection Name, Collection Description and upload the Banner Image and The Avatar Image of the NFT collection.

After that hit Create Collection. After the Collection has been created, upload all the NFTs - please name every single NFT using the ID of the NFT. After you upload all the NFTs hit Populate Collection with NFTs!

Remember to connect your metamask wallet and accept the incoming signatures.

After this process you should see the NFTs appear in your profile, and the NFT collections under Collections.

Project assistance

If you want to say thank you and/or support active development of OpenSea Clone please add a github star to the project!