A fully functional Fashion E-commerce platform built with the MERN stack — MongoDB, Express.js, React.js, and Node.js — featuring secure authentication, product management, shopping cart, checkout with Razorpay, and Cloudinary image uploads.

• JWT Authentication & Authorization (Register, Login, Logout)
• Browse and search products
• Add to Cart & update quantities
• Fully responsive design

• Add, edit & delete products
• Upload images to Cloudinary (cover + gallery)
• Manage orders & view dashboard stats
• Role-based access control

Frontend:

• React.js
• React Router
• React Query
• Tailwind CSS + Flowbite

Backend:

• Node.js
• Express.js
• MongoDB + Mongoose

Other Tools:

• JWT for authentication
• Cloudinary for image storage
• dotenv for environment config

git clone https://github.com/<your-username>/fashion-ecommerce.git
cd fashion-ecommerce

# Backend
npm install

# Frontend
cd ../client
npm install

Create .env in the server folder:

PORT=5000
MONGO_URI=your_mongodb_connection
JWT_SECRET=your_jwt_secret
JWT_EXPIRES_IN=7d
FRONT_END_URL=http://localhost:5173
CLOUDINARY_CLOUD_NAME=your_cloudinary_name
CLOUDINARY_API_KEY=your_cloudinary_key
CLOUDINARY_API_SECRET=your_cloudinary_secret
RAZORPAY_KEY_ID=your_razorpay_key
NODE_ENV=dev_or_production

Create .env in the client folder:

VITE_API_BASE_URL=http://localhost:5000/api
VITE_CLOUDINARY_CLOUD_NAME=cloudinary_cloud_name
VITE_CLOUDINARY_UPLOAD_PRESET=present_mode

# From the project root
npm run dev

Home Page	Product Page

Cart	Dashboard

• Built full-stack authentication with JWT
• Designed RESTful APIs with Express & MongoDB
• Implemented Cloudinary + Multer image uploads
• Used React Query for efficient data fetching
• Followed scalable folder structure

• Payment Integration
• Wishlist feature
• Advanced analytics
• Email notifications

Adarsh Antony

• LinkedIn: @adarshantony
• Instagram: @adarshantony
• Portfolio: (coming soon)

This project is licensed under the MIT License.