🛒 Flipkart clone a full-Stack Ecommerce App with Stripe Payment Integration

A modern full-stack ecommerce web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js), including advanced features like secure Stripe payments, dynamic cart system, order management, and a responsive UI.

---

🚀 Live Demo

Frontend: https://flipkart-clone-9anj.onrender.com

Backend API:https://flipkart-clone-ajp0.onrender.com

---

🖥️ Tech Stack

Frontend:

           

Backend:

       

• Authentication: JWT, Cookies
• Deployment: Vercel (Frontend), Render (Backend), Cloudinary (Image Hosting)
• Payments: Stripe

---

✨ Features

🏍️ Ecommerce Functionality

• Add to Cart, Quantity Management
• Checkout with Shipping Info
• Real-Time Order Summary
• Stripe Payment Gateway (Card, UPI, Net Banking - India ready)

🔐 Authentication & User

• Signup / Login with JWT
• Protected Routes for Orders
• User Profile & Shipping Address

📦 Orders & Payments

• Create Orders after Payment Success
• Order Confirmation Page
• View Past Orders
• Stripe Integration with Indian Regulation Compliance (Name + Address for Export)

📈 Admin Dashboard

Dashboard Overview: Total Sales, Users, Orders

Manage Products (CRUD)

Manage Users and Roles

Order Management and Status Updates

🎨 UI/UX

• Modern Responsive Design
• Interactive Forms and Stepper UI
• Toast Alerts (Notistack)
• Clean Animations & Transitions

---

🥪 Screenshots

Feature	Screenshot
Homepage
Cart Page
Payment Page
User Profile
Admin Dashboard

---

🧰 Setup Instructions

1. Clone the Repository

git clone https://github.com/yourusername/your-repo-name.git
cd your-repo-name

2. Install Dependencies

Backend

cd backend
npm install

Frontend

cd frontend
npm install

---

## 🔀 Run Locally

### Backend

```bash
cd backend
npm run dev

---

🌍 Deployment

• Frontend: Deployed on Vercel
• Backend: Hosted on Render
• Image Storage: Cloudinary
• Payments: Stripe

---

🧐 Learnings & Challenges

• Stripe checkout integration with India export compliance (customer name & address)
• Solving CORS issues across domains
• Handling proxy limitations in deployment
• Managing Stripe version mismatches and React integration

---

🙌 Contributing

Contributions are welcome! Feel free to fork this repo and open a PR.

---

📄 License

This project is licensed under the MIT License.

---

👋 Let's Connect

• Portfolio: yourportfolio.com
• GitHub: @yourusername
• LinkedIn: yourlinkedin

---