Full-Stack
Sustainable Marketplace Platform
Frontend development with firebase backend project with user authentication
Category
Full-Stack
Duration
6 weeks
Technologies
React, D3.js, WebSocket, Three.js
Project Overview
A modern e-commerce web app where users can upload, browse, and exchange products. Includes real-time chat, product gallery with zoom, authentication, and Firestore integration.
Key Features
- Real-time new-released product status updates
- Real-time comment list function
- Navigator to seller's email
- Product searching and sorting
Project Writeup
Problem
Enable people to exchange and donate goods with trust and transparency, supporting rich listings and conversation.
Research
- Interviewed sellers/buyers; trust and responsiveness were top concerns.
- Mapped key flows: onboarding, list an item, contact seller, and finalize exchange.
Build
- Frontend: React + Tailwind; product galleries with zoom.
- Backend: Firebase auth + Firestore; WebSocket chat for real-time messaging.
- Features: search/sort, seller contact, status badges for new/available.
Results
- Real-time chat increased completed exchanges.
- Auth + scoped rules reduced spam and abuse.