Uniq NFT Marketplace

Creators:

Javier Rosas Ruiz: rosasruiz.j@northeastern.edu

Dhruv Sabharwal: sabharwal.d@northeastern.edu

Iteration 1

Disclaimer: Javier Rosas had some issues with Git and Heroku, so he had to re-clone the repository on August 5. As a result, Javier Rosas's commits do not appear on Github analytics, but he did contribute to the project meaningfully.

Most code was written by the both of us or taken from the Movie Mern project we coded throughout the course.

Front end:

Landing Page: Dhruv Sabharwal

Alt text

Alt text

NFTs Page: Mostly Dhruv Sabharwal, but Javier contributed as well

Alt text

Collection Page: Javier Rosas Ruiz

Alt text

Wish List Page: Dhruv Sabharwal

Alt text

Footer Component: Javier Rosas Ruiz

Alt text

UserDataService: Javier Rosas Ruiz

Alt text

Buy Page: Dhruv Sabharwal & Javier Rosas Ruiz

Alt text

Backend:

Initial database setup with sample data: Javier Rosas Ruiz

Alt text

User backend functionality: Javier Rosas Ruiz

Alt text

Alt text

Alt text

Alt text

Liking backend functionality: Dhruv Sabharwal

Alt text

Alt text

Genre backend functionality: Javier Rosas Ruiz

Alt text

getRandomNFT functionality: Dhruv Sabharwal

Alt text

Iteration 2

We made some changes to the frontend and the backend code. We also created a new github repository which contains the code that will run on the Internet Computer blockchain network. We call this repository Distributed Uniq: https://github.ccs.neu.edu/NEU-CS5610-SU22/Distributed-UniqFrontend This code is incomplete right now but will be finalized before iteration 3.

In this iteration we have made the following progress to the Distributed Uniq repository:

nftmo

This class stores the code for an individual nft

nft_card

The above shows how the nft can be accessed from the react jsx files

new_structure

The above image shows the structure of the new Distributed Uniq repository

mint

The above file shows the code for how we can mint a new nft

Contributions

Dhruv Sabharwal: Landing page styling, creating and setting up the new github Distributed Uniq repository, connecting the blockchain backend to the react frontend. Javier Rosas Ruiz: NFT card styling and functionality, Mint.jsx file, Nft.mo file, and optimized the web app for mobile using bootstrapped components and css.

Iteration 3

We finished the web application with the Buy, Sell and Mint funcionality fully working with a MongoDB backend.

Frontend

getUser function: Javier Rosas Ruiz

Alt text

Confetti third party integration function: Javier Rosas Ruiz

Alt text

Alt text

Spinner third party integration function: Javier Rosas Ruiz

Alt text

sellNft and buyNft frontend: Javier Rosas Ruiz

Alt text

Alt text

Alt text

Backend

modify balance backend: Javier Rosas Ruiz

Alt text

modify owner nft array: Javier Rosas Ruiz

Alt text

check user balance: Javier Rosas Ruiz

Alt text

sell_nft_backend : Javier Rosas Ruiz

Alt text

getUser: Javier Rosas Ruiz

Alt text

buyNft: Javier Rosas Ruiz

Alt text

mint functionality: Dhruv Sabharwal

Alt text