Scribd
Upload
10 views9 pages

TINA NM REPORT

Uploaded by

Tina Stanley
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views9 pages

TINA NM REPORT

Uploaded by

Tina Stanley
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

ShopEZ: E-commerce Application

A PROJECT REPORT

Submitted by
Tina S 210121104039

in partial fulfillment for the award of the degree


of
BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE AND ENGINEERING

ALPHA COLLEGE OF ENGINEERING


ANNA UNIVERSITY: CHENNAI-
600025
NOVEMBER- DECEMBER 2024

1
ANNA UNIVERSITY: CHENNAI-600025

BONAFIDE CERTIFICATE

Certified that this project report “ShopEZ: E-commerce Application”


is the bonafide work of “Tina S (210121104039)” who carried out the project
work under my supervision.

SIGNATURE SIGNATURE
Dr.Jerry Alexander M.E.,(Ph.D) Mrs. S.DEEPA M.E
HEAD OF THE DEPARTMENT ASSISTANT PROFESSOR
Department of Computer Science Department of Computer
And Engineering, Science And
Engineering,
Alpha College Of Engineering Alpha College Of
Engineering Thirumazhisai-600124 Thirumazhisai-600124

This project work was submitted for viva voice held on at Alpha College Of
Engineering Subject Code/Name: NM1042 MERN Stack Powered by Mongo DB.

INTERNAL EXAMINER EXTERNAL EXAMINER


S.NO TABLE OF CONTENTS
1. INTRODUCTION
2. PROJECT OVERVIEW
3. ARCHITECTURE
4. SETUP INSTRUCTIONS
5. FOLDER STRUCTURE
6. RUNNING THE APPLICATION
7. API DOCUMENTATION
8. AUTHENTICATION
9. USER INTERFACE
10. TESTING
11. SCREENSHORTS OR DEMO
12. KNOWN ISSUES
13. FUTURE ENHANCEMENT
ShopEZ: E-commerce Application

1. Introduction
Project Title: ShopEZ: E-commerce Application
Team members :
Tina S
Akshaya Nanthini V S
Shoban Kumar C
Deepak Roshan J

2. Project Overview
Purpose:
ShopEZ is designed to cater to the growing need for efficient and user-friendly e-commerce platforms. It bridges the
gap between complex online shopping systems and user convenience by providing streamlined navigation, secure
transactions, and personalized product recommendations. Additionally, the platform empowers sellers with a
dashboard for managing their inventory, processing orders, and accessing analytics to drive growth.
Features:
Seamless Checkout: Secure and smooth payment process with instant order confirmations and email notifications.
Effortless Product Discovery: Advanced search capabilities, intuitive category navigation, and powerful filters to
help users find exactly what they need.
Personalized Recommendations: AI-driven algorithms analyze user behavior to provide curated product
suggestions.
Seller Dashboard: Comprehensive tools for inventory tracking, order processing, and analytics to monitor
performance metrics.
Real-time Analytics: Data-driven insights for sellers, highlighting sales trends, customer preferences, and product
performance.

3. Architecture
Frontend:
Developed using React.js for its component-based architecture and state management capabilities.

Features dynamic components like:


Product Listings: Displays products with sorting and filtering options.
Cart Management: Allows users to add, update, or remove items in their cart.
User Authentication: Login and registration pages with secure validation.
Admin Panel: Provides sellers with tools to manage inventory and view analytics.
Backend:Built with Node.js and Express.js, ensuring scalability and high performance.
Features include:
API Endpoints:
/products for fetching product data.
/orders for processing customer orders.
/users for managing user authentication.
Middleware for error handling and authentication using JWT.

Database:
MongoDB serves as the database, storing collections for:
Users: Authentication credentials, profiles, and purchase history.
Products: Information on inventory, prices, categories, and descriptions.
Orders: Details about placed orders, delivery status, and payment.
This architecture ensures modularity, scalability, and efficient data management.

4. Setup Instructions
Prerequisites:
Node.js: v14 or later
MongoDB: Installed locally or set up using a cloud provider like MongoDB Atlas
npm: Package manager for installing dependencies

Installation:
Clone the repository:
https://github.com/stinastanley/stina.git
Navigate to the project directory:
cd shopEZ
Install dependencies for the backend and frontend:
Backend:
cd server
npm install
Frontend:
cd client
npm install
Run the servers:
Backend:
node index.js
Frontend:
npm start
5. Folder Structure
Client:
src/components: Contains reusable components like Navbar, ProductCard, CartItem, etc.
src/pages: Holds page components such as Home, Cart, Checkout, and AdminPanel.
src/services: Manages API interactions for fetching and posting data.
src/redux: Implements state management for cart items, user authentication, and order status.

Server:
routes: Defines all RESTful API routes for users, products, and orders.
controllers: Contains the logic for handling API requests and responses.
models: Defines database schemas for Users, Products, and Orders.
middleware: Handles authentication (JWT) and error management.

6. Running the Application


Frontend:
Navigate to the client directory:
cd client
Start the React application:
npm start
Backend:
Navigate to the server directory:
cd server
Start the Node.js server:
node index.js

7. API Documentation
Endpoints:
GET /products
Fetches the list of all products.
Parameters: Optional category and price filters.
Response:
json
[
{
"id": "123",
"name": "Gold Bracelet",
"price": 50,
"category": "Accessories"
}
]
POST /orders
Places a new order.
Parameters: User ID, product details, and quantity.
Response:
json
{
"message": "Order placed successfully",
"orderId": "456"
}

8. Authentication
JWT-based Authentication:
Login: Issues a JWT token upon successful authentication.
Token Validation: Protects private routes like /orders and /admin.
Logout: Invalidates the token on the client side.

9. User Interface
Screens:
Home: Displays trending products and categories.
Product Details: Shows detailed information about a selected item.
Cart: Summarizes selected products and their quantities.
Admin Dashboard: Offers order status updates and analytics for sellers.

10. Testing
Unit Testing: Conducted using Jest for components and backend logic.
API Testing: Performed using Postman to validate endpoints.

11. Screenshots or Demo


Screenshots of key UI components and admin panel.
Link to a live demo.
Demo Video.mp4 / https://drive.google.com/file/d/1B025A59a0S6EKPuVxcbPbKBkClTjvwuN/view?usp=sharing

12. Known Issues


Slow Search Performance: Optimization is required for large product datasets.
UI Bugs: Minor alignment issues on smaller screens.

13. Future Enhancements


Voice Search: Enable users to search using voice commands.
Mobile App: Create a cross-platform app using React Native.
Multi-language Support: Expand accessibility for global audiences.
9

You might also like