---

🍕 Pizza Customization E-Commerce Web App

A full-stack MERN based pizza ordering platform that allows users to customize pizzas, manage carts, place orders, make secure payments using Razorpay, and track order status. Includes a powerful admin dashboard for managing products, orders, users, and analytics.

---

🌟 Features

👤 User Features

• User authentication (JWT)
• Browse pizza catalog
• Customize pizza (size, crust, toppings)
• Add to cart & manage cart
• Checkout with Razorpay payment gateway
• View order history & order timeline
• Profile management
• Address book
• Wishlist
• Notifications panel
• Download invoices
• Dark/Light mode support

🛠 Admin Features

• Admin authentication & role protection
• Dashboard with analytics (orders, revenue, users, pending payments)
• Manage pizzas (CRUD)
• Manage toppings (CRUD)
• Manage orders & update order status
• Manage users
• Invoice generation
• Payment monitoring

---

🧱 Tech Stack

Frontend

• React (Vite)
• Redux Toolkit
• React Router
• Tailwind CSS
• Axios

Backend

• Node.js
• Express.js
• MongoDB (Mongoose)
• JWT Authentication
• Razorpay API
• Nodemailer (email notifications)

---

📁 Project Structure

frontend/
 ├── src/
 │   ├── components/
 │   ├── layouts/
 │   ├── user/
 │   ├── admin/
 │   ├── features/
 │   ├── api/
 │   └── main.jsx

backend/
 ├── controllers/
 ├── models/
 ├── routes/
 ├── middleware/
 ├── utils/
 ├── config/
 └── server.js

---

⚙️ Environment Variables

Create .env in backend folder:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key

RAZORPAY_KEY_ID=rzp_test_xxxxx
RAZORPAY_KEY_SECRET=xxxxxxxx

EMAIL_HOST=smtp.gmail.com
EMAIL_PORT=587
EMAIL_USER=your_email@gmail.com
EMAIL_PASS=your_email_password

---

🚀 Installation & Setup

1️⃣ Clone repository

git clone https://github.com/yourusername/pizza-customization-app.git
cd pizza-customization-app

2️⃣ Backend setup

cd backend
npm install
npm run dev

3️⃣ Frontend setup

cd frontend
npm install
npm run dev

---

🔐 Default Roles

Role	Access
User	Shopping, orders, profile
Admin	Full management dashboard

To make admin:

db.users.updateOne({ email: "admin@email.com" }, { $set: { role: "admin" } })

---

💳 Razorpay Test Payment

Test Cards

Card: 4111 1111 1111 1111
Expiry: 12/26
CVV: 123
OTP: 123456

UPI

success@razorpay

---

📸 Screenshots (Optional)

Add screenshots here:

/screenshots/home.png
/screenshots/admin-dashboard.png
/screenshots/checkout.png

---

🛡 Security

• JWT based authentication
• Role based route protection
• Secure payment verification
• Password hashing using bcrypt
• API request validation

---

📊 Future Enhancements

• Coupons & discount system
• Loyalty points
• Real-time order tracking
• Push notifications
• Mobile app version
• Multi-vendor support
• Cloud image storage
• AI recommendation engine

---

🧑‍💻 Author

Sunil Kumar Full Stack Developer (MERN) GitHub: https://github.com/ankitsunil530

---

📜 License

This project is licensed under the MIT License.

---

⭐ Support

If you like this project, please ⭐ the repository and share it.

For help or feature requests, open an issue.

---

🏁 Conclusion

This project demonstrates a complete real-world e-commerce architecture including authentication, payments, admin management, and scalable frontend design.

Happy coding 🍕🔥