Skip to content
/ TechMart Public

πŸ“± TechMart – Online Tech Accessories Store TechMart is a full-featured MERN stack e-commerce platform for purchasing tech accessories like smartphones, laptops, PCs, monitors, smartwatches, and more. It includes separate dashboards for admin, riders, and staff to manage products, orders, and deliveries efficiently.

HQ447/TechMart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ”§ Technical Overview

TechMart is a scalable MERN stack e-commerce application that provides an end-to-end tech shopping experience. It includes customer-facing features, as well as role-based dashboards for Admins, Managers, and Riders to manage products, orders, and delivery statuses.

πŸš€ Key Features

  • πŸ›οΈ Tech Accessories Store

    • Browse and search a variety of tech products with images, pricing, categories, and stock info.
    • Add items to the cart and proceed through a secure checkout process.
  • πŸ‘€ User Authentication

    • Secure signup and login with JWT.
    • Role-based access: Customer, Admin, Manager, Rider.
  • πŸ§‘β€πŸ’Ό Admin & Manager Dashboard

    • Add, edit, or delete products.
    • View and manage all customer orders.
    • Assign or reassign orders to delivery riders.
    • Monitor platform activity.
  • 🚴 Rider Dashboard

    • Riders can view assigned orders.
    • Update order status: Pending β†’ Packed β†’ Shipped β†’ Out for Delivery β†’ Delivered.
    • Real-time status updates visible to customers.
  • πŸ“¦ Order Lifecycle Tracking

    • Full order progress tracking from placement to delivery.
    • Customers receive real-time updates on order status.
  • πŸ–ΌοΈ Image Uploads

    • Product images are uploaded via Multer to Cloudinary (or local fallback).
    • Metadata stored in MongoDB.
  • πŸ” Secure APIs & Role-based Access Control

    • Separate routes and permissions for admin, manager, rider, and customers.
    • Middleware ensures secure route access.

🧱 Tech Stack

  • Frontend: React.js, Axios, Redux Toolkit , Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB + Mongoose
  • Authentication: JWT (role-based)
  • Real-Time Updates: WebSockets or REST polling
  • File Uploads: Multer + Cloudinary

Demo Accounts


πŸ“‚ User Interface (Frontend)

Screenshot (576)

Screenshot (577)

Screenshot (578)

Screenshot (579)

Screenshot (580)

Screenshot (581)

Screenshot (582)

Screenshot (583)

Screenshot (584)

Screenshot (585)

Screenshot (586)

Screenshot (587)

Screenshot (588)

About

πŸ“± TechMart – Online Tech Accessories Store TechMart is a full-featured MERN stack e-commerce platform for purchasing tech accessories like smartphones, laptops, PCs, monitors, smartwatches, and more. It includes separate dashboards for admin, riders, and staff to manage products, orders, and deliveries efficiently.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages