/CS5610-Project4

Primary LanguageJavaScriptMIT LicenseMIT

NFT-MINTER (Project4 for Class CS5610)

This website/app is designed for people who want to Mint NFT. By clicking the mint button In home page, you can choose to mint 1 to 3 NFTs. Its value is initially set to 0.001 ETH. After you have selected it, you can click the "mint for 0.001 ETH" button to connect to your mint Coinbase wallet, Ledger ect... Then you can confirm the purchase and put it in your wallet. If you don't have these wallets, pressing the mint button will also display your unique fakeUsername on the page, as well as your own unique id, and the time you minted the nft. This result will then be added to the history below, and you can modify or delete the history by clicking UpdateName button and Delete button. Communication page is designed for people who want to leave comments You can input your comments in the input box below, after type your name and comments, Click "add comment" button will add your comments into our databasem, and render in the history area below.

Project Objective

A NFT app built with React, Node.js, Express.js, MongoDB, HTML, CSS, Javascript.

Deployment URL

If the history section does not show any information, wait few minites and refresh the website.(server may need sometime to wake up)

Screenshots

Over 1000 datas in both Mongo Atlas database collection!

image

image

Home Page

image

Communcation Page

image

Rubric Page

image

Instructions to build

  1. Git clone or zip download
  2. Run cd Project3/server/ enter the server folder
  3. Run npm install install moduals
  4. Run node app.js to run server
  5. Open a new terminal window
  6. Run cd Project3/client/ enter the client folder
  7. Run npm install install moduals
  8. Run npm start to run client
  9. If the history section does not show any information, wait few minites and refresh the website.(server may need some time to wakeup)

Usebility study report

Google Slides

Design Document

Video

Authors

  • Minghshu Lee
  • Gaoxiang Zhang

Class Link

https://johnguerra.co/classes/webDevelopment_fall_2022/