Elegant: E-commerce Website

---

Live Website: https://elegant-frontend.vercel.app/

Technical Highlights

This project showcases core full-stack development expertise through:

• Full-Stack MERN Architecture: Developed a scalable application using MongoDB, Express.js, React.js, and Node.js.
• Stripe Payment Gateway Integration: Implemented secure, server-side Stripe API for payment processing.
• Role-Based Access Control (RBAC): Engineered JWT-based authentication for distinct user and admin roles.
• Comprehensive Admin & User Features: Implemented an admin panel for product/order management and a user experience featuring advanced product discovery, cart management, and order tracking.

---

Screenshots:

---

Running Locally

To get Elegant running on your machine:

1. Clone the Repository:

   git clone [https://github.com/ATOMworkplace/Elegant.git](https://github.com/ATOMworkplace/Elegant.git)
   cd Elegant

2. Install Dependencies:

   • Admin Panel:

     cd admin
     npm install

   • Backend:

     cd ../backend
     npm install

   • Frontend:

     cd ../frontend
     npm install

3. Configure Environment Variables (Backend):

   • In the backend folder, create a .env file.
   • Add the following variables, replacing the placeholders with your actual values:

     MONGO_URI=your_mongodb_connection_string
     JWT_SECRET=your_jwt_secret_key
     STRIPE_SECRET_KEY=your_stripe_secret_key
     ADMIN_EMAIL=your_admin_email@example.com
     ADMIN_PASSWORD=your_admin_password
     PORT=5000 # Or your preferred port number

4. Start the Servers:

   • Backend:

     cd backend
     npm run server

   • Admin Panel:

     cd ../admin
     npm run dev

   • Frontend:

     cd ../frontend
     npm run dev

   Open your browser to the frontend's local address (e.g., http://localhost:5173).