UNC Marketplace | A NFT Marketplace | Frontend Development by Riyad Hossain

UNC Marketplace | A NFT Marketplace | Frontend Development

Riyad Hossain

Frontend Engineer

Web Developer

React

Tailwind CSS

TypeScript

Live Site: https://uncmarketplace.netlify.app

UNC Marketplace is a NFT marketplace similar to OpenSea. I have worked on building this frontend as well as I was the lead frontend developer on this project. I have learned a lot from this project. I learned how to mantain a large project and how to make the features with less code using reusable components. During the project, I had to use many packages for different purposes. But, I created a few projects of my own that I didn't find.

Key Features:

32+ Responsive Pages

A post sharing system like Facebook, Twitter, Linkedin and other social media platform:

User can Like, Comment and Share the post

Create a Post: with Photo, Video and Texts

Edit a Post: with Photo, Video and Texts

Multiple images preview on post

A Multi Functional Comment Input Box

Emoji Mart: a customized emoji package has been implemented with the comment box. It's similar to other emojis feature that we use on other social media platform

Photo Capture and Upload: user can capture a photo to comment with that using their camera/webcam

GIPHY API for GIFs: For the GIFs I used API from https://giphy.com. Facebook also using api from this platform for GIFs images. User can search for a GIF and comment with that.

Upload Photo to comment: User can upload a photo to comment with that.

Comment with you Voice: User can comment by recording his/her live voice with microphone.

Messaging/Chat systems like Facebook messenger:

Users can send messages by Text, Emojis, GIFs, Photo, Video, and Voice like the post system

DARK and LIGHT mode

Advance routing with React Route Dom

Client-side Form Validations using React Hook Form

A Mobile friendly Responsive UI like a Mobile app

A Advance NFT filtering option

Fully responsive on all devices.

What I did in this project:

Client's had a UI designer. I got a beautiful design on Adobe XD from there.

After that I started working on it using my tech stack.

When I got stuck on something I asked the team for feedback/info

I worked on only the front end. There was a Senior Full Stack Developer who integrated this app with the API he had made

Like this project

Posted Feb 11, 2025

UNC Marketplace is a NFT marketplace similar to OpenSea. I have worked on building this frontend as well as I was the lead frontend developer on this project.

Likes

Views