Skip to content

Latest commit

 

History

History
78 lines (55 loc) · 3.86 KB

README.md

File metadata and controls

78 lines (55 loc) · 3.86 KB

NFT Marketplace Project

Overview

This project is a website for creating, buying, selling, and minting your own non-fungible tokens (NFTs). It's designed as a social media platform where users can not only trade NFTs but also engage in discussions about them. The project utilizes the ICP blockchain and DFINITY protocol for decentralized operations, leveraging Motoko for smart contracts and the MERN stack (MongoDB, Express, React, Node.js) for the overall web application.

Tech Stack

  • Motoko: Used for writing smart contracts on the Internet Computer.
  • MERN Stack:
    • MongoDB: Database for storing user and NFT data.
    • Express.js: Backend framework for handling API requests.
    • React.js: Frontend library for building user interfaces.
    • Node.js: Runtime for server-side JavaScript execution.
  • ICP Blockchain: Provides the decentralized infrastructure.
  • DFINITY Protocol: Used for deploying and managing canisters (smart contracts).

Language Distribution

JavaScript: 58.0%
CSS: 29.7%
Motoko: 11.4%
HTML: 0.9%

Installation and Running the Project

  1. Start local DFX

    dfx start --clean

  2. Run NPM server for frontend

    npm start

  3. Run NPM server for backend

    npm run dev

  4. Deploy Canisters

    dfx deploy --argument='("CryptoDunks #123", principal "s72bo-wblgv-ks5pj-vtj4p-4vpwr-6wefz-5h2eo-o3nn3-4ifdp-m47b2-nae", (vec {137; 80; 78; 71; 13; 10; 26; 10; 0; 0; 0; 13; 73; 72; 68; 82; 0; 0; 0; 10; 0; 0; 0; 10; 8; 6; 0; 0; 0; 141; 50; 207; 189; 0; 0; 0; 1; 115; 82; 71; 66; 0; 174; 206; 28; 233; 0; 0; 0; 68; 101; 88; 73; 102; 77; 77; 0; 42; 0; 0; 0; 8; 0; 1; 135; 105; 0; 4; 0; 0; 0; 1; 0; 0; 0; 26; 0; 0; 0; 0; 0; 3; 160; 1; 0; 3; 0; 0; 0; 1; 0; 1; 0; 0; 160; 2; 0; 4; 0; 0; 0; 1; 0; 0; 0; 10; 160; 3; 0; 4; 0; 0; 0; 1; 0; 0; 0; 10; 0; 0; 0; 0; 59; 120; 184; 245; 0; 0; 0; 113; 73; 68; 65; 84; 24; 25; 133; 143; 203; 13; 128; 48; 12; 67; 147; 94; 97; 30; 24; 0; 198; 134; 1; 96; 30; 56; 151; 56; 212; 85; 68; 17; 88; 106; 243; 241; 235; 39; 42; 183; 114; 137; 12; 106; 73; 236; 105; 98; 227; 152; 6; 193; 42; 114; 40; 214; 126; 50; 52; 8; 74; 183; 108; 158; 159; 243; 40; 253; 186; 75; 122; 131; 64; 0; 160; 192; 168; 109; 241; 47; 244; 154; 152; 112; 237; 159; 252; 105; 64; 95; 48; 61; 12; 3; 61; 167; 244; 38; 33; 43; 148; 96; 3; 71; 8; 102; 4; 43; 140; 164; 168; 250; 23; 219; 242; 38; 84; 91; 18; 112; 63; 0; 0; 0; 0; 73; 69; 78; 68; 174; 66; 96; 130;}))'

  5. Head to localhost

    Open http://localhost:8080/ in your browser.

Project Features

  • Create NFTs: Users can mint new NFTs from images in .png format.
  • Sell NFTs: List NFTs for sale. Once listed, the owner cannot rebuy their own NFT.
  • Buy NFTs: Purchase NFTs listed by other users.
  • View NFTs: Display owned NFTs and those available for sale, with listed NFTs shown as faded.
  • Social Interaction: Engage in discussions about NFTs within the community.

Screenshots

NFT Owner's Page

Screenshot 2024-02-22 at 9 52 40 PM *Showing the NFTs that belong to the owner. The NFTs listed on the website for sale are shown as faded.*

NFT Trade Page

Screenshot 2024-02-22 at 9 55 16 PM *Here the NFTs to trade are available.* *Note: Owner can't rebuy their own NFT once put to sell.*

Mint NFT Page

Screenshot 2024-02-22 at 9 58 55 PM *This is the page where an NFT can be minted in the form of an image of .png format.*