A modern and responsive wholesale marketplace web application built with React, Express.js, and MongoDB. It allows businesses to showcase products, filter by quantity, switch between card and table views, and manage product listings.
The purpose of this project is to create a fully functional, mobile-friendly B2B product management platform where users can:
- View all available wholesale products
- Filter products by minimum selling quantity
- Switch between card and table views
- Add new products (authenticated users)
- Manage their own product listings
- View product details via clean UI components
- 🔐 Firebase Authentication (Email/Password)
- 📦 Product listing with Card and Table views
- 📊 Filter products based on minimum selling quantity
- 📱 Fully Responsive UI
- 📄 Table View with horizontal scroll for mobile
- 🖼️ Product details modal/page
- ⚙️ Private and Public Routes
- 💾 Backend: Express.js + MongoDB REST API
- 🛠️ Dynamic Skeleton Loaders during fetch
| Package | Purpose |
|---|---|
react |
Frontend framework |
react-router-dom |
Client-side routing |
firebase |
Authentication |
axios (optional) |
For API requests (if used) |
express |
Backend server framework |
mongodb |
Database |
dotenv |
Environment variables management |
cors |
Cross-Origin requests |
react-icons |
Icon library |
@mui/material |
Skeleton loaders |
tailwindcss |
Utility-first CSS framework |