Ecommerce Platform Frontend

A modern e-commerce frontend built with React, Vite, React Router, and Context API. The application provides product browsing, category filtering, cart management, inventory-aware purchasing, and product administration features.

Features

• Product listing and detailed product views
• Category-based product filtering
• Shopping cart functionality
• Stock availability validation
• Add new products
• Update existing products
• Inventory tracking and management
• Global state management using Context API
• Client-side routing with React Router
• Responsive and user-friendly interface

Tech Stack

• React
• Vite
• JavaScript (ES6+)
• React Router
• Context API
• CSS

Project Structure

src/
├── components/
│   ├── AddProduct.jsx
│   ├── Cart.jsx
│   ├── Home.jsx
│   ├── Navbar.jsx
│   ├── Product.jsx
│   ├── ProductDetails.jsx
│   └── UpdateProduct.jsx
├── Context/
│   └── Context.jsx
├── App.jsx
├── main.jsx
└── assets/

Getting Started

Prerequisites

• Node.js
• npm

Installation

git clone https://github.com/abhinavkr26104/ecommerce-platform-frontend.git

cd ecommerce-platform-frontend

npm install

npm run dev

The application will start on:

http://localhost:5173

Core Functionalities

Product Management

• View all available products
• Add new products
• Update existing products
• Manage inventory and stock availability

Shopping Experience

• Browse products by category
• View product details
• Add products to cart
• Manage cart items

State Management

• Centralized application state using Context API
• Efficient product and cart data handling

Future Enhancements

• User Authentication & Authorization
• JWT Integration
• Wishlist Functionality
• Order Management
• Payment Gateway Integration
• Product Search & Sorting
• Admin Dashboard
• User Profile Management
• Dark Mode Support

Related Repository

Backend Repository:

https://github.com/abhinavkr26104/ecommerce-platform-backend

Author

Abhinav Kumar Singh

• GitHub: https://github.com/abhinavkr26104
• LinkedIn: https://www.linkedin.com/in/abhinav26104/

---

ICPC Asia West Regionalist '25 | LeetCode Knight | Codeforces Specialist | 6★ Problem Solving (HackerRank)