A premium tech e-commerce platform built with the MERN stack (MongoDB, Express, React, Node.js), featuring a responsive design and comprehensive shopping experience.

• Frontend: https://peakhive.vercel.app/
• Backend API: https://peakhive-backend.vercel.app/

• Features
• Project Structure
• Pages
• Components
• Getting Started
• Environment Variables
• Deployment
• Development Progress
• Technology Stack
• API Endpoints
• Future Enhancements
• Contributing

• Responsive Design: Works seamlessly on mobile, tablet, and desktop devices
• Consistent UI: Built with Bootstrap components for a cohesive user experience
• Interactive Elements: Dynamic hover effects and transitions
• Comprehensive E-commerce Flow: From product browsing to checkout
• User Authentication: Login and signup functionality with JWT
• User Profiles: Account management and order history
• Cart System: Add, remove, and update product quantities
• Admin Dashboard: Manage products, orders, and users
• Payment Processing: Secure checkout process
• Order Management: Track order status and history
• Product Reviews: Leave and view product reviews

PeakHive/
├── public/                # Static assets
├── src/                   # Frontend application code
│   ├── api/               # API service layer
│   ├── assets/            # Application-specific assets
│   ├── components/        # Reusable UI components
│   ├── pages/             # Route-specific page components
│   │   ├── admin/         # Admin dashboard pages
│   ├── redux/             # State management
│   │   ├── slices/        # Redux slices
│   ├── utils/             # Utility functions
│   ├── App.jsx            # Main application component and routing
│   └── main.jsx           # Application entry point
├── server/                # Backend application code
│   ├── controllers/       # API route controllers
│   ├── middleware/        # Express middleware
│   ├── models/            # MongoDB models
│   ├── routes/            # API route definitions
│   ├── utils/             # Utility functions
│   ├── server.js          # Server entry point
│   └── vercel.json        # Vercel deployment configuration
├── .env                   # Frontend environment variables
├── server/.env            # Backend environment variables
└── package.json           # Project dependencies and scripts

• Node.js (v14.0.0 or later)
• npm or yarn
• MongoDB account or local installation

1. Clone the repository

   git clone https://github.com/chaman2003/PeakHive.git
   cd PeakHive

2. Install frontend dependencies

   npm install
   # or
   yarn install

3. Install backend dependencies

   cd server
   npm install
   # or
   yarn install

4. Set up environment variables (see Environment Variables section)

5. Start the backend development server

   cd server
   npm run dev
   # or
   yarn dev

6. Start the frontend development server (in a new terminal)

   # From the root directory
   npm run dev
   # or
   yarn dev

7. Open your browser and navigate to http://localhost:5173

VITE_API_URL=http://localhost:5000/api  # Development
# VITE_API_URL=https://peakhive-backend.vercel.app/api  # Production
VITE_NODE_ENV=development  # or production

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
NODE_ENV=development  # or production
PORT=5000

The application is deployed on Vercel with separate projects for frontend and backend.

1. Push your code to GitHub
2. Create a new project in Vercel
3. Connect your GitHub repository
4. Set the following settings:
   • Framework Preset: Vite
   • Build Command: npm run build
   • Output Directory: dist
   • Install Command: npm install
5. Add environment variables:
   • VITE_API_URL=https://peakhive-backend.vercel.app/api
   • VITE_NODE_ENV=production
6. Deploy

1. Create a new project in Vercel
2. Connect your GitHub repository
3. Set the following settings:
   • Root Directory: server
   • Build Command: npm install
   • Output Directory: .
4. Add environment variables:
   • MONGO_URI=your_mongodb_connection_string
   • JWT_SECRET=your_jwt_secret
   • NODE_ENV=production
5. Deploy

The frontend and backend are connected through API calls. The frontend's .env file or Vercel environment variables should have the VITE_API_URL pointing to the deployed backend API URL.

• Framework: React 18
• State Management: Redux Toolkit
• UI Framework: Bootstrap 5
• Routing: React Router v6
• HTTP Client: Axios
• Build Tool: Vite

• Runtime: Node.js
• Framework: Express.js
• Database: MongoDB with Mongoose ODM
• Authentication: JWT (JSON Web Tokens)
• File Upload: Multer
• Validation: Express Validator

• Platform: Vercel
• Database Hosting: MongoDB Atlas
• Environment: Node.js (Serverless)

• POST /api/users/login - User login
• POST /api/users/register - User registration
• GET /api/users/profile - Get user profile
• PUT /api/users/profile - Update user profile

• GET /api/products - Get all products
• GET /api/products/:id - Get single product
• POST /api/products - Create a product (admin)
• PUT /api/products/:id - Update a product (admin)
• DELETE /api/products/:id - Delete a product (admin)

• GET /api/orders - Get user orders
• GET /api/orders/:id - Get order by ID
• POST /api/orders - Create new order
• PUT /api/orders/:id/pay - Update order to paid
• PUT /api/orders/:id/deliver - Update order to delivered
• GET /api/orders/admin - Get all orders (admin)
• PUT /api/orders/:id/refund - Refund an order (admin)

• GET /api/reviews - Get all reviews
• POST /api/products/:id/reviews - Create product review
• DELETE /api/reviews/:id - Delete review (admin)

• GET /api/users - Get all users (admin)
• GET /api/users/:id - Get user by ID (admin)
• PUT /api/users/:id - Update user (admin)
• DELETE /api/users/:id - Delete user (admin)

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Built with ❤️ by Chammy :p