https://github.com/wdnaimur/bulknest-client
BulkNest is a B2B wholesale marketplace with user authentication, product management, and dynamic views for seamless bulk trading.
https://github.com/wdnaimur/bulknest-client
firebase framer-motion frontend react react-router swiper tailwindcss webapp
Last synced: 3 months ago
JSON representation
BulkNest is a B2B wholesale marketplace with user authentication, product management, and dynamic views for seamless bulk trading.
- Host: GitHub
- URL: https://github.com/wdnaimur/bulknest-client
- Owner: wdNaimur
- Created: 2025-06-25T05:40:18.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-25T08:27:30.000Z (12 months ago)
- Last Synced: 2025-06-25T08:36:51.327Z (12 months ago)
- Topics: firebase, framer-motion, frontend, react, react-router, swiper, tailwindcss, webapp
- Language: JavaScript
- Homepage: https://bulknest.web.app
- Size: 168 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BulkNest
BulkNest is a B2B wholesale marketplace designed to simplify and streamline bulk purchasing. It provides authenticated user access, product management features, and dynamic views for an optimal user experience.
**Live Site :** [BulkNEST](https://bulknest.web.app/)
## Tech Stack & Tools
**Framework & Build Tool**
- React
- Vite
**Styling**
- Tailwind CSS
- DaisyUI
**Backend & Authentication**
- Firebase (Authentication & Admin SDK)
- Express.js
- MongoDB
- JWT (jsonwebtoken)
- dotenv
- CORS
- Cookie-Parser
## Key Features
- **User Authentication:** Login and Signup using Firebase with JWT authentication
- **Product Management:** Add, edit, delete, and order products
- **Protected Routes:** Only authenticated users can access secure pages
- **Toggle View:** Switch between Card View and Table View on the products page
- **Filter & Sort:** Refine product listings by availability
- **Empty State Messages:** Friendly UI when no products are found or invalid ID is searched
- **Responsive Design:** Fully functional on desktop and mobile devices
- **Animations:** Smooth UI transitions using Framer Motion
## NPM Packages Used
**Frontend:**
`react`, `vite`, `firebase`, `react-router`, `tailwindcss`, `daisyui`, `framer-motion`, `swiper`, `axios`, `react-hot-toast`, `react-icons`, `react-tooltip`, `sweetalert2`, `react-simple-star-rating`, `react-fast-marquee`
**Backend:**
`express`, `mongodb`, `firebase-admin`, `jsonwebtoken`, `cors`, `cookie-parser`, `dotenv`
## 🛠️ BulkNest Client – Local Setup Instructions
- **Clone the repository and install dependencies:**
```bash
git clone https://github.com/wdNaimur/bulknest-client.git
cd bulknest-client
npm install
```
- **Create a `.env.local` file** in the project root and add the following environment variables:
```
VITE_apiKey=your_firebase_apiKey
VITE_authDomain=your_firebase_authDomain
VITE_projectId=your_firebase_projectId
VITE_storageBucket=your_firebase_storageBucket
VITE_messagingSenderId=your_firebase_messagingSenderId
VITE_appId=your_firebase_appId
VITE_API_URL=your_backend_api_url
```
- **Run the development server:**
```bash
npm run dev
```
- **Access the client site locally at:**
`http://localhost:5173`
## 🌐 Live Frontend & Server Repository
🔗 [BulkNEST Live](https://bulknest.web.app/)
📂 [Server Repository (GitHub)](https://github.com/wdNaimur/bulknest-server)
Designed & Developed by Md. Naimur Rahman