All Projects
Personal

E-Commerce Shop

ReactNode.jsExpress.jsMongoDB
Oct 2024 - Dec 2024React / Node.js / Express.js
E-Commerce Shop

Tech Stack

ReactNode.jsExpress.jsMongoDB

Description

I built this e-commerce platform as a personal project to get hands-on experience with building a production-grade full-stack application. It has two completely separate sides — one for customers and one for admins — each with their own set of features.

One thing I really enjoyed adding was the real-time chat, which lets customers message support directly while browsing. On the backend I used Node.js and Express with MongoDB, and kept the frontend clean and fast with React.

  • Separate user and admin panels with role-based access control.
  • Real-time customer support chat built with Socket.io.
  • Product management — add, edit, delete, and organize inventory from the admin panel.
  • Wishlist and cart system with persistent state for logged-in users.
  • Order placement flow with order history for both users and admins.

Page Info

Messaging Interface

Socket.IO powered real-time messaging between users and admins regarding any product.

Messaging Interface screenshot

Wishlist & Cart

Users can save items to their wishlist and manage their shopping cart with real-time updates.

Wishlist & Cart screenshot

Place Order

A simple and intuitive process for users to place orders and complete purchases.

Place Order screenshot

Admin Panel

Comprehensive admin panel for managing products, orders, and users.

Admin Panel screenshot