Skip to content

AnasAttar10/eCommerce_Frontend

Repository files navigation

🛒 eCommerce Platform – MERN Stack Project

A modern and responsive full-stack eCommerce web application built using the MERN stack (MongoDB, Express, React, Node.js) and Redux Toolkit.
The platform offers a smooth shopping experience for users and full control for admins via a secured admin panel.

🔗 Live Website: e-commerce-frontend-two-chi.vercel.app
💻 Frontend Repo: GitHub - eCommerce Frontend
🛠️ Backend Repo: GitHub - eCommerce Backend
🎥 Demo Video: Watch on YouTube


Installation

To run the POS Project, ensure that you have the following prerequisites: Node.js NPM Follow these steps to install and set up the project:

  1. Clone the repository
  2. Install dependencies: npm install
  3. Start the application : npm start

🚀 Features

👥 User Functionality

  • JWT-based authentication (Register / Login)
  • Browse all products with search and category filters
  • View product details
  • Add/remove items from cart
  • Checkout with order summary
  • View past orders

🛠️ Admin Functionality

  • Admin login with role-based access
  • Add / edit / delete products ,categories , coupons ,brands and orders
  • Upload product / category / brand images via Cloudinary
  • Manage users and orders
  • Update order delivery status

💡 Other Features

  • Fully responsive layout (mobile-friendly)
  • REST API integration between frontend and backend
  • State management using Redux Toolkit
  • Secure backend with input validation and token-based auth
  • Built-in form validation with React Hook Form

🧰 Tech Stack

Frontend:
React, Redux Toolkit, React Router, React Hook Form

Backend:
Node.js, Express, MongoDB, JWT, Cloudinary

Tools:
Postman, Git, GitHub


Releases

No releases published

Packages

 
 
 

Contributors

Languages