MERN ClothShop

Descriptions

Overview

A comprehensive clothing ecommerce platform built with the MERN stack (MongoDB, Express, React, Node.js). The system features a modern customer-facing storefront alongside a powerful administrative dashboard for managing products, users, and orders seamlessly.

• Full-stack MERN architecture implementation
• Modern, clean interface styled with Tailwind CSS
• Complete product catalog, shopping cart, and checkout workflow
• JWT-based user authentication with protected routes
• Comprehensive admin dashboard for product, user, and order management
• Order status tracking and payment monitoring
• Fully responsive design across desktop, tablet, and mobile devices
• Vite build tool for enhanced development performance

Technologies Used

• Frontend: React, Tailwind CSS, React Router, Context API
• Backend: Node.js, Express.js, MongoDB, Mongoose, JWT

Requirements

• Node.js version 16 or higher
• MongoDB database (local or Atlas)
• Code editor (VS Code or similar)
• Basic understanding of JavaScript and React
• Modern web browser (Chrome, Firefox, etc.)
• Stable internet connection for dependency installation

Installation Guide

1. Extract the downloaded project files to your working directory.
2. Navigate to both /frontend and /backend folders and install dependencies using: npm install
3. Configure your MongoDB database credentials in the provided .env file.
4. Start the backend server: cd backend && npm run dev
5. Start the frontend application: cd frontend && npm run dev
6. Access the customer frontend at: http://localhost:3000
7. Access the admin panel at: http://localhost:3001

Hex Information (For Shop Owner): 55781