E-Commerce Platform

🔗🚀 Live Demo : https://ecommerce-frontend-nine-lyart.vercel.app

This is a fully responsive e-commerce platform built with MongoDB, Express.js, React, and Node.js (MERN stack). The admin has full control over adding and managing products. Customers can browse items, add to cart, place orders, and track their order status.

The platform includes sorting, filtering, related products, and demo payments via COD, Stripe, and Razorpay. Images are managed efficiently using Cloudinary, ensuring smooth media handling. The UI, styled with Tailwind CSS, offers a modern and fully responsive experience.

🏆 Features

🏗 Admin Controls :
✅ Add and remove product listings.
✅ Manage orders and change order statuses.
✅ View all available products in the database.

🛍 User Shopping Experience :
✅ Browse and view detailed product pages.
✅ Add products to the cart and place orders.
✅ Track order status in real time.

🔎 Advanced Features :

✅ Filtering & Sorting – Sort by category, price, subcategory.
✅ Related Products – Smart recommendations based on browsing items.
✅ Secure Authentication – JWT-based login for admins & users.
✅ Payment Integration – test mode of Stripe & Razorpay for transactions.
✅ Cloudinary Integration – Store and optimize images for faster loading.
✅ Responsive Design – Mobile-friendly.

🛠 Tech Stack

Frontend: React, Tailwind CSS
Backend: Node.js, Express.js
Database: MongoDB
Authentication: JWT Token
Payments: Stripe & Razorpay
Image Storage: Cloudinary
State Management: Context

🏗 How It Works

Authentication: Users and admins log in with JWT-based tokens.
Admin Dashboard: Admin adds and updates product listings.
Product Handling: Items are categorized efficiently.
Ordering System: Users add items to the cart and place orders.
Payments: Transactions are processed via Stripe, Razorpay & COD.
Order Tracking: Users can check order status anytime.