FINAL YEAR PROJECT SYNOPSIS TITLE
SWIFT CART: A Scalable Full-Stack E-Commerce
Web Application
A synopsis submitted in partial
fulfillment of the requirement for
the award of the degree of
BACHELOR OF TECHNOLOGY
IN
COMPUTER SCIENCE AND ENGINEERING
Submitted to:
Mrs. BHANU PRIYA
Department of Computer Science and Engineering
Submitted by:
PUSHKAR PANDEY
(220240101110)
ROORKEE INSTITUTE OF TECHNOLOGY, ROORKEE
(Affiliated to VMSB Uttarakhand Technical University, Dehradun)
Page | 1
INDEX
S. No. Particulars Pg. no. Remarks
1. Details of Team Members and Mentors 03
2. Abstract 04
3. Introduction 05
4. Objectives 06
5. Methodology 07
6. Expected Outcome 09
7. Resources required 10
9. References 11
Page | 2
DETAILS OF THE TEAM MEMBERS
STUDENT NAME UNIVERSITY ROLL NO EMAIL Contact Number
PUSHKAR PANDEY 220240101110 piyushpandey0651@gmail.c 9835917125
om
Under Guidance: Ms. Bhanu Priya
Department of Computer and Engineering
Roorkee Institute of Technology (RIT)
Page | 3
ABSTRACT
In the contemporary digital landscape, E-Commerce has evolved from a convenience to a
necessity, reshaping the global economy and consumer behavior. As traditional brick-and-
mortar retail faces increasing challenges, the demand for robust, scalable, and user-friendly
online shopping platforms has skyrocketed. This seminar report presents "Swift Cart," a
comprehensive full-stack web application designed to simulate a modern E-Commerce
environment.
Swift Cart is engineered using the MERN Stack—comprising MongoDB, [Link],
[Link], and [Link]. This technology stack was selected for its unified JavaScript language
environment, allowing for seamless data flow and efficient handling of concurrent requests.
The primary objective of this project is to develop a Single Page Application (SPA) that
provides a fluid, app-like experience on the web, minimizing page reloads and optimizing
performance.
The application features a fully functional client-side interface where users can browse
products, filter items by category, view detailed product descriptions, and manage a dynamic
shopping cart. On the server side, a RESTful API architecture manages secure user
authentication (implemented via JSON Web Tokens), product inventory, and order processing.
Data persistence is achieved through MongoDB, a NoSQL database that offers the flexibility
required for managing diverse product attributes.
Key technical challenges addressed in this project include state management using React
Hooks and Redux, secure password hashing using Bcrypt, and responsive UI design using
Styled Components. This report documents the entire Software Development Life Cycle
(SDLC) of Swift Cart, from requirement analysis and system design to implementation and
testing. The project not only serves as a functional prototype for small-to-medium enterprises
but also demonstrates the practical application of modern web technologies in solving real-
world business problems.
Page | 4
INTRODUCTION
1. Background
The rapid growth of the World Wide Web has transformed the retail industry, shifting business
from physical stores to online platforms. E-commerce has become a major driver of revenue due
to its convenience and global accessibility. Traditional web applications required full page
reloads for every user action, resulting in slow performance. Modern applications now use Single
Page Application (SPA) architecture, which updates content dynamically without reloading
pages. Swift Cart is developed using the MERN Stack (MongoDB, Express, React, [Link]) to
build a fast, responsive, and scalable e-commerce platform with a smooth user experience.
2. Motivation
The main motivation behind Swift Cart includes:
• Academic Purpose: To apply theoretical knowledge of DBMS, software engineering, and web
technologies in a practical project.
• Industry Relevance: To gain hands-on experience in full-stack development using modern
technologies.
• Support for Small Businesses: To provide a simple, lightweight, and affordable e-commerce
solution for small vendors to build an online presence.
3. Problem Statement
Although many e-commerce platforms exist, they often have several limitations. Some platforms
are heavy and include unnecessary features that slow down performance. Others are complex and
require specialized skills to maintain, making them unsuitable for small businesses. Additionally,
many older websites still follow multi-page architectures that result in slower user experience,
especially on mobile networks.
Swift Cart addresses these challenges by providing a lightweight, modular, and high-
performance e-commerce solution. The main objective is to develop a secure, scalable, and
responsive online shopping platform using a unified JavaScript technology stack..
Page | 5
OBJECTIVES
The specific objectives of this project are centered on building a complete, efficient, and modern
e-commerce web application. The primary objective is to develop a responsive and visually
appealing user interface using [Link] that can seamlessly adapt to different screen sizes such as
mobile devices, tablets, and desktop systems. This ensures that users receive a smooth and
consistent browsing and shopping experience regardless of the device they use. Another
important objective is to implement a secure authentication system to protect user information.
This includes creating reliable registration and login mechanisms using JWT (JSON Web
Tokens) along with password encryption techniques to maintain data privacy and prevent
unauthorized access.
In addition, the project aims to manage application data efficiently by using state management
tools such as Redux or the React Context API. This helps in maintaining important information,
such as items added to the shopping cart, user sessions, and product details, across multiple
pages without losing data. The project also focuses on designing and developing a scalable
backend system by building a RESTful API using [Link] and Express. This backend will handle
all major operations such as creating, reading, updating, and deleting records related to users,
products, and orders.
Finally, another key objective is to ensure proper data persistence and efficient storage by
designing a structured MongoDB database schema. The database will be capable of handling
relationships between different entities such as customers, products, and order details, ensuring
reliable data management and smooth system performance. Overall, these objectives aim to
create a secure, scalable, and user-friendly e-commerce platform using modern web development
technologies.
Page | 6
METHODOLOGY
The development of Swift Cart followed a structured approach based on the Software
Development Life Cycle (SDLC). The project was completed through clearly defined phases to
ensure proper planning, implementation, and evaluation.
1. Requirement Analysis
In this phase, the functional requirements such as user registration, product browsing, cart
management, and checkout were identified. Non-functional requirements like security,
performance, and responsiveness were also defined.
2. System Design
A decoupled MERN architecture was designed where the frontend (React), backend ([Link] &
Express), and database (MongoDB) work independently and communicate through RESTful
APIs. Database schema and user workflows were planned in this stage.
3. Development
The frontend was developed using [Link] with reusable components and responsive layouts.
The backend APIs were built using [Link] and Express, and MongoDB was used for data
storage. Secure authentication was implemented using JWT and password hashing.
Page | 7
4. Testing and Deployment
The system was tested for functionality, security, and performance. After successful integration
of all modules, the application was deployed in a testing environment for evaluation.
Overall, this methodology ensured systematic development and successful implementation of a
scalable and secure e-commerce web application.
Page | 8
EXPECTED OUTCOME
The expected outcome of the Swift Cart: A Scalable Full-Stack E-Commerce Web
Application project is the successful development of a fully functional, secure, and responsive
online shopping platform using the MERN stack (MongoDB, [Link], [Link], and [Link]).
The system is expected to demonstrate the practical implementation of modern web development
concepts, including Single Page Application (SPA) architecture, RESTful API design, state
management, and secure authentication mechanisms.
The application will allow users to register and log in securely, browse products, view details,
manage a shopping cart, and complete a simulated checkout process. An admin module will
support product management tasks such as adding items, updating inventory, and monitoring
orders, while all data will be stored efficiently in MongoDB.
Performance optimization and responsive design are also key expected outcomes. The
application should load efficiently, adapt to different screen sizes (mobile, tablet, desktop), and
follow best practices in terms of accessibility, security, and usability. Security measures such as
password hashing (Bcrypt) and token-based authentication will ensure protection of sensitive
user data.
Technically, the system is expected to provide smooth client-server communication through
JSON APIs and deliver a fast, app-like user experience using React and proper state
management. It will also ensure responsive design, performance optimization, and data security
through password hashing and token-based authentication. Overall, Swift Cart will serve as a
practical prototype of a real-world e-commerce platform and demonstrate strong full-stack
development capabilities.
Page | 9
RESOURCES REQUIRED
● Hardware System Configuration
1. Any computer device such as a desktop or laptop with internet browsing capability.
2. Minimum 4 GB RAM (8 GB recommended) for smooth development and testing.
3. Stable internet connection for downloading packages, documentation access, and
deployment.
● Software System Configuration
1. Operating System: Any (Windows, Linux, or macOS).
2. Web Browser: Google Chrome / Microsoft Edge / Mozilla Firefox.
3. Code Editor: Visual Studio Code or any modern IDE.
4. Runtime Environment: [Link] for backend execution.
5. Database: MongoDB for data storage and management.
6. Version Control: Git and GitHub for source code management.
7. Frontend Technologies: [Link], HTML, CSS, JavaScript.
8. Backend Technologies: [Link] with [Link].
Page | 10
REFERENCES
1. M. Cantelon, M. Harter, T. Holowaychuk, and N. Rajlich, [Link] in Action. Manning
Publications, 2017. 1
2. A. Banks and E. Porcello, Learning React: Modern Patterns for Developing React
Apps. O'Reilly Media, 2020. 222
3. MongoDB, Inc. "The MongoDB 4.2 Manual," [Online]. Available:
[Link] [Accessed: Dec. 10, 2025]. 3
4. React Documentation. "Main Concepts," [Online]. Available:
[Link] [Accessed: Dec. 12, 2025]. 4
5. MDN Web Docs. "Express/Node introduction," Mozilla. [Online]. Available:
[Link] [Accessed: Dec. 12, 2025]. 5
Page | 11
REVIEW FEEDBACK FORM
Team Leader
Department
Name of Guide
Title
Suggestions:
Review
Accepted or
Rejected
Comment of Guide:
Signature of Guide:
Page | 12