E-Commerce_MERN

💻 Tech Hub - Full-Stack MERN E-commerce Platform

Tech Hub is a robust, production-ready E-commerce application built using the full MERN Stack (MongoDB, Express, React, Node.js). This project was developed as part of a professional certification path on Udemy, focusing on secure authentication, state management, and scalable backend architecture.

---

🚀 Key Technical Features

• Complete Authentication System: Implemented secure User Login/Logout using JSON Web Tokens (JWT) and password hashing with Bcrypt.
• Full-Stack CRUD Operations: Managed products, orders, and users through a RESTful API built with Express 5 and Mongoose.
• TypeScript Implementation: Developed the entire ecosystem (Frontend & Backend) with TypeScript for enhanced code quality and bug prevention.
• Dynamic Shopping Cart: Advanced cart functionality with persistent Local Storage and real-time amount customization.
• Seamless Checkout Workflow: Integrated a complete order processing and checkout page.
• Modern UI/UX: Styled with Material UI (MUI) for a clean, professional electronics store interface.

---

🛠️ Tech Stack & Tools

Frontend

• Framework: React 19 (Latest) & Vite
• UI Library: Material UI (MUI) & Emotion
• State & Routing: React Router Dom v7

Backend

• Runtime: Node.js
• Framework: Express 5.2 (Latest)
• Database: MongoDB via Mongoose
• Security: JWT (Authentication) & Bcrypt (Hashing)

DevOps & Quality

• Development: Nodemon, TS-Node
• Code Quality: ESLint with TypeScript plugins

---

📦 System Architecture

1. Client: React application handling the UI and user interactions.
2. API: Express server managing business logic and secure endpoints.
3. Database: MongoDB Atlas storing users, products, and order data.

---

💻 Installation & Setup

Backend Setup:

Bash cd backend npm install npm run dev Frontend Setup:

Bash cd frontend npm install npm run dev

1. Clone the repository:

   git clone [https://github.com/MustafaMelake/E-Commerce_MERN.git](https://github.com/MustafaMelake/E-Commerce_MERN.git)
   

🎓 Certification

Issued by: Udemy Professional Training

Focus: Full-Stack Web Development (MERN)

Summary

This is the E-Commerce Project created in the Udemy MERN Stack course.