Posts

Showing posts from April, 2025

Ecommerce website MERN Project Overview

Project Overview • Frontend: Built using React. • Backend: Node.js + Express. • Database: MongoDB. • Styling: Tailwind CSS. • Features: o Homepage with categories like Latest Products, Best Sellers. o Product filtering by category/type. o Product sorting by price (low to high, high to low). o Product search bar. o Product detail page with image gallery and size selection. o Add to Cart with quantity adjustments. o Checkout with delivery info and payment method (Stripe, Razorpay, COD). o My Orders page with order tracking. o Admin panel to:  View & update orders  Add/list products  Track status updates ________________________________________ Setup Steps Recap 1. Create folder & initialize Vite React app 2. npm create vite@latest 3. Install dependencies 4. npm install 5. npm install react-router-dom react-toastify 6. Clean up starter files and setup basic component structure. 7. Install and configure Tailwind CSS using: 8. npm install -D tailwindcss postcss autoprefixer 9. np...