E-COMMERCE

Online store to buy and manage products

TechMaghi
Kerala Startup Mission, Kalamassery

Suresh Somanathan
 Page |1

Table of Contents
About the project ................................................................................................................................... 3
Front End – React JS ............................................................................................................................... 3
1. Login Page ................................................................................................................................... 3
a. Admin Login ............................................................................................................................ 3
b. User Login ............................................................................................................................... 3
2. Admin Login ................................................................................................................................ 3
a. Product Management ............................................................................................................. 3
a. Customer Management .......................................................................................................... 3
b. Order Management ................................................................................................................ 3
3. User Login ................................................................................................................................... 3
a. User Profile.............................................................................................................................. 3
b. Orders...................................................................................................................................... 3
c. Products .................................................................................................................................. 3
Back End – ASP.Net Core Web APIs........................................................................................................ 4
1. Users ........................................................................................................................................... 4
a. User Registration ..................................................................................................................... 4
b. User Login ............................................................................................................................... 4
c. User Profile.............................................................................................................................. 4
d. Cart Management ................................................................................................................... 4
e. Order from Cart....................................................................................................................... 4
f. View Orders............................................................................................................................. 4
g. Sign Out ................................................................................................................................... 4
2. Administrator .............................................................................................................................. 4
a. Admin Login ............................................................................................................................ 4
b. CRUD Products ........................................................................................................................ 4
c. Reports .................................................................................................................................... 4
d. Customer Management .......................................................................................................... 4
e. Sign Out ................................................................................................................................... 4
Database Tables ...................................................................................................................................... 4
user ..................................................................................................................................................... 4
product ................................................................................................................................................ 4
cart ...................................................................................................................................................... 5
order.................................................................................................................................................... 5
order_item .......................................................................................................................................... 5
User Interface ......................................................................................................................................... 6
Login .................................................................................................................................................... 6

Suresh Somanathan | TECHMAGHI

 Page |2

Admin Home ....................................................................................................................................... 6

Products .............................................................................................................................................. 7
Customers ........................................................................................................................................... 7
Orders.................................................................................................................................................. 7
User Home .......................................................................................................................................... 8
My Orders ........................................................................................................................................... 8
All Products ......................................................................................................................................... 9
Cart ...................................................................................................................................................... 9
My Profile .......................................................................................................................................... 10

Suresh Somanathan | TECHMAGHI

 Page |3

About the project

This e-commerce platform facilitates user account creation and management, product
browsing and selection, secure purchase for authorized users, comprehensive administrative
controls for product information, user and order status management, and transaction
reporting.

Front End – React JS

1. Login Page
a. Admin Login
b. User Login
2. Admin Login
a. Product Management
• Product List
• Add
• Edit
• Delete
a. Customer Management
• Customer List
• Update Customer Status
b. Order Management
• Order List
• Update Order Status
3. User Login
a. User Profile
• Add
• Edit
• Update
b. Orders
• Order List
• Create
• Edit
• Delete
c. Products
• Product List & Search
• Buy Product
• Add to Cart
• Place the Order

Suresh Somanathan | TECHMAGHI

 Page |4

Back End – ASP.Net Core Web APIs

1. Users
a. User Registration
b. User Login
c. User Profile
d. Cart Management
e. Order from Cart
f. View Orders
g. Sign Out

2. Administrator
a. Admin Login
b. CRUD Products
c. Reports
d. Customer Management
e. Sign Out

Database Tables

users
Column Type Comments
id (PK) int Auto-generated, Required
first_name string Required
last_name string Required
password string Required
email string Unique, Required
phone string Required
address sting Required
type string Required, Values (User/ Admin)
status string Required, Values (Active/ Inactive)

products
Column Type Comments
id (PK) int Auto-Generated, Required
product_name string Required
manufacturer string Required
unit_price decimal Required
discount Decimal Required
quantity decimal Required
description string
image_url string
status string Active

Suresh Somanathan | TECHMAGHI

 Page |5

cart
Column Type Comments
id (PK) int Auto-Generated, Required
user_id (FK) int Required
product_id (FK) string Required
unit_price decimal Required
discount decimal Required
quantity decimal Required
total_price decimal Required

order_main
Column Type Default
id (PK) int Auto-Generated, Required
user_id (FK) int Required
order_no Int Auto-Generated, Required
order_total decimal Required
order_status int Required, Values (Pending, Shipped)

order_item
Column Type Default
id (PK) int Auto-Generated, Required
order_id (FK) int Required
product_id (FK) Int Auto-Generated, Required
unit_price decimal Required
discount decimal Required
quantity decimal Required
total_price decimal Required

Suresh Somanathan | TECHMAGHI

 Page |6

User Interface
Login

The secured login screen verifies your credentials (username and password) to grant access and
control features based on your account type (admin or user).

Admin Home

The Home screen gives administrators a one-stop shop for managing the system, with product,
customer, and order management features.

Suresh Somanathan | TECHMAGHI

 Page |7

Products

Administrators can manage the product catalog with ease. Add new products to your catalog, modify
product details, and remove outdated products. Everything remains searchable for a user-friendly
shopping experience.

Customers

Registered users are subject to administrator approval following verification of their profile
information. Registered users appear in a list with their status (Pending / Active). Administrators
verify the profiles before activation.

Orders

Suresh Somanathan | TECHMAGHI

 Page |8

This section displays a list of pending orders awaiting administrator approval. Administrators can
review the specific products, quantities, and order details before marking them "Delivered" upon
successful completion.

User Home

The Home screen for users will have the following functionalities:

• Browse the entire product catalog after logging in.

• Add your favorites to your cart whenever you find something you like.
• Review your cart contents and finalize your purchase with simple clicks.
• Track your order status easily to see when your products get delivered.
• Update your profile information anytime to keep your account details current.

My Orders

Suresh Somanathan | TECHMAGHI

 Page |9

This is the Order History feature which allows the users to view all their past purchases, including
their current status and a detailed list of the items they have ordered.

All Products

Users can shop the products from here. They can browse the products and easily add them to the
cart, specifying the quantity required.

Cart

Users can complete the order with ease after checking the cart to place the order and secure the
items selected.

Suresh Somanathan | TECHMAGHI

 P a g e | 10

My Profile

Users can register their details here along with the email (username) and password. They can also
update the profile information after login (except login credentials).

Suresh Somanathan | TECHMAGHI