Develop a collectible marketplace using reactJS

Challenge

Your task is to build a front end for the MusiSWAP Collectibles Marketplace pulling from a set of

collections (look below for collection links) from OpenSea on Ethereum (using OpenSea’s

JavaScript SDK)

● You must use ReactJS as your front end framework

● Display multiple collections on one page

● You must have a collections page that displays all collectibles (NFTs) from a collection

(wireframe on figma)

● Using router display single NFT

● Make sure to use dynamic mapping from fetch call of collections and NFTs to display on

front end

● ON NFT page

○ Add ability to bid on NFT

[login to view URL]

○ View NFT with URI image displaying

○ Display owner address on page

● Make sure to use dynamic routing to display single NFT page for a Collection

○ [login to view URL]@nftid

● Add Homepage Button

● Make sure to add favicon and change title of website from React App to “NFT Market”

● Add a place for a logo on top right corner and a navbar

● Make sure to reload OpenSea information

● Use the following designs

[login to view URL]

?node-id=0%3A1

Resources

● Web3 Modal [login to view URL]

Bonus

● Add Create Button for Listing New NFTs (Upload)

MusiSWAP Marketplace Design

[login to view URL]

node-id=0%3A1

Collections to Display

● Shiny Rappers [login to view URL]

● Crypto Hip Hop Crew [login to view URL]

● Music Heroes [login to view URL]

React.js

ID Projek: #31845174

Tentang projek