TRIBHUVAN UNIVERSITY

INSTITUTE OF SCIENCE AND TECHNOLOGY

Project Report on

QuickMart: E-Commerce Website

In Partial fulfillment of requirements for the Bachelor’s Degree in

Computer Science and Information Technology

Submitted by

Gaurab Regmi (24821/076)

Madhusudhan Upreti (24825/076)
Prajwal Lama (24830/076)

Submitted to
Department of Computer Science and Information Technology
Hetauda City College
Under the supervision of

Mr. Avinash Jha

March 2024

i
 Tribhuvan University

Institute of Science and Technology

Hetauda City College

Supervisor’s Recommendation

I hereby recommend that this project prepared under my supervision by Gaurab Regmi
(24821/076), Prajjwal Lama (24830/076), and Madhusudhan Upreti (24825/076) entitled “E-
commerce website: Quickmart” In Partial Fulfillment of Requirements for the Bachelor Degree
in Bachelor of Science in Computer Science and Information Technology (BSc. CSIT) is
recommended for the final evaluation.

SIGNATURE

Mr. Avinash Jha

SUPERVISOR

Hetauda City College

Department of CSIT

ii
 Tribhuwan University
Institute of Science and Trechnology
Hetauda City College

Letter of Approval

This is to certify that this project prepared by Gaurav Regmi(24821/076), Madhusudhan

Upreti(24825/076) and Prajwal Lama(24830/076) entitled “QUICKMART: E-commerce
project” for the Partial Fulfillment of Requirements for Bachelor Degree in Bachelor of Science
in Computer Science and Information Technology (BSc. CSIT) has been evaluated. In our
opinion it is satisfactory in the scope and quality as a project for the required degree.

Signature of Supervisor Signature of HOD

____________________ _________________
Mr. Avinash Jha Mr Sumanta Silwal
Hetauda City College Hetauda City College
Hetauda-5, Piple Hetauda-5, Piple
Signature of Principal Signature of External Examiner

___________________ _______________________
Mr. Shree Bahadur Karki Department of Science and Technology

Hetauda City College Tribhuwan University

Hetauda-5, Piple

iii
 ACKNOWLEDGEMENTS
We extend our heartfelt gratitude to all those who contributed to the successful completion of the
Quickmart, our E-commerce website project.

First and foremost, we would like to express our deepest appreciation to our project supervisor,
Mr. Avinash Jha, whose guidance, expertise, and unwavering support were invaluable
throughout the entire duration of this project. His sharing of knowledge, insightful feedback and
constructive criticism helped us navigate challenges and refine our work, ultimately leading to
the successful completion of the project.

We are also grateful to our HOD Mr Sumanta Silwal, respected Principal Mr.Shree Bahadur
Karki, the faculty and all the teachers of department of BSc.CSIT of Hetauda City College for
providing us with the necessary resources, facilities, and encouragement to undertake this
project. Their encouragement and support motivated us to strive for excellence and overcome
obstacles along the way.

Furthermore, we would like to thank our fellow classmates for their collaboration,
encouragement, and willingness to share their knowledge and expertise. Their contributions
enriched our learning experience and significantly contributed to the success of the project.

Special thanks are also due to our families and friends for their understanding, patience, and
encouragement throughout this endeavor. Their unwavering support provided us with the
strength and motivation to persevere through challenges and achieve our goals.

Last but not least, we would like to express our gratitude to all the individuals who directly or
indirectly contributed to this project by providing feedback, suggestions, or assistance in any
form.

Thank you all for your support and encouragement.

Sincerely,

Gaurab Regmi
Madhusudhan Upreti
Prajwal Lama

iv
 ABSTRACT
QuickMart: An Innovative E-commerce Platform for Seamless Shopping Experience

QuickMart is a cutting-edge e-commerce platform designed to revolutionize the online shopping

experience. With a focus on speed, convenience, and customer satisfaction, QuickMart offers a
diverse range of products across various categories, including electronics, fashion, groceries, and
more.

Key features of QuickMart include a user-friendly interface, intuitive search functionality,

personalized recommendations, and secure payment options, ensuring a seamless and enjoyable
shopping journey for users. Leveraging advanced algorithms and machine learning techniques,
QuickMart provides tailored product suggestions based on user preferences and past interactions,
enhancing the overall shopping experience.

Moreover, QuickMart prioritizes efficiency and reliability in its delivery services, offering fast
and trackable shipping options to ensure timely delivery of orders. Additionally, the platform
incorporates robust security measures to safeguard user data and transactions, fostering trust and
confidence among its customer base.

QuickMart aims to redefine the landscape of e-commerce by combining innovation,

convenience, and customer-centricity. With its commitment to excellence and continuous
improvement, QuickMart strives to become the preferred destination for online shopping,
catering to the evolving needs and preferences of modern consumers.

v
 TABLE OF CONTENTS
Supervisor’s Recommendation……………………………………………………………………ii
Letter of Approval………………………………………………………………………………..iii
Acknowledgements…………………………………………………………………………….....iv
Abstract……………………………………………………………………………………………v

Chapter 1: Introduction…………………………………...……………………………………….1
1.1 Introduction……………………………………………………………………………...1
1.2 Problem Statement……………………………….………………………………………1
1.3 Objectives………………………………………………………………………………..2

CHAPTER 2: Background Study and Literature Review…………………...…...…..……………4

2.1 Background Study………..……………………………………………..…………………...4
2.2 Literature Review……..………………………………………………..……………………4

Chapter 3: System Analysis………………………………………………………………………5

3.1: System Analysis……………………………………………………………………….…….5
3.1.1 Requirement Analysis………………………………..………..…………..…………….4
3.1.2 Feasibility Study……………….………..………………….…..……..……...………….7
i. Technical Feasibility………………………………………………..………,…………...7
ii. Economic Feasibility……………………...………..…...………………………………7
iii. Operational Feasibility…………………………....……………………………………7
iv. Schedule……………..……………………………...…………………………………..8
3.1.3 Analysis…………………………………………………………………………………10
i. Data Flow Diagram……………………………………………………………………10
ii. Flowchart of the system……………………………………………………………….10

vi
Chapter 4: System Design……………………………………….………………………..……..14
4.1 Architectural Design……………………………………………………….…………..…14
4.2 Waterfall Model………………………………………………………….……………….15
4.3 Use Case Diagram……………………………………....………………..……………….16
4.4 Database Schema Design…………….………....……………..…………..………...……17
4.5 ER diagram…………………………………………………………………………….....18

Chapter 5: Implementation and Testing……………………...……………………………….…19

5.1 Implementation……………..………………..…………………………………...…….….19
5.2 Testing………………………………………………………………………………..…….20

Chapter 6: Conclusion and Future Recommendations……………………………………..……21

6.1 Conclusions…………………………………………………………………………………21
6.2 Future Recommendations…………………………………………….………..…………...21
6.3 Final Outcomes………………...………………….…...…………………………..….……21
6.4 Admin Panel of QuickMart…………………………………………………………………27

Reference……………………………..….………………………..……………………………..30
Annex…….……………………………..………………….…………………..………………...31

List of Figures

vii
Figure 1: Gantt chart to show the website development……………………9
Figure 2: DFD level-0………………………………………….….……….10
Figure 3: DFD level-1 for Admin………………...……………….……….11
Figure 4: DFD level-1 for User…………………………………….…...….12
Figure 5: Flowchart of the System………….……………………..…..…...13
Figure 6: Architectural Design….…………………………………….…....14
Figure 7: Waterfall Model…………….……………………….……….…..15
Figure 8: Use case diagram……….………………………………………..16
Figure 9: Database schema design..……………………………….……….17
Figure 10: ER diagram……………………………………………………..18
Figure 11: Homepage of QuickMart……………………………………….22
Figure 12: Diagram of shopping cart……………………………………....23
Figure 13: Checkout section…………………………………………….….24
Figure 14: Payment method…………………………………………….….25
Figure 15: Payment and customer details…………………………….……26
Figure 16: Admin approval………………………………………….……..27
Figure 17: Admin Panel of Quick Mart……………………………………28

viii
Chapter 1: Introduction
1.1 Introduction
Welcome to a new frontier in digital commerce – our groundbreaking e-commerce website that
has been meticulously crafted to redefine your online shopping experience. In an era where
technological innovation meets consumer expectations, our platform emerges as a beacon of
user-centric design and functionality. This introduction serves as your gateway into the core
features and distinct value propositions that set our e-commerce website apart in today's
competitive marketplace. At the heart of our digital venture is a commitment to providing users
with more than just a transactional convenience. We pride ourselves on a user-friendly interface
that transcends the norm, offering an immersive and streamlined journey from product discovery
to checkout. In this era of diverse technological preferences, our platform is designed to be
seamlessly accessible across an array of devices, ensuring a consistent and enjoyable experience
whether you're browsing from a desktop, laptop, tablet, or smartphone.

This introduction lays the foundation for an exploration into the dynamic landscape of our e-
commerce platform, emphasizing its role as a game-changer in the realm of online retail. As we
delve into the subsequent sections, you'll uncover the technical intricacies that make our website
universally accessible, as well as the strategic objectives guiding our efforts to create a user-
centric ecosystem that goes beyond transactional convenience. Welcome to a digital marketplace
where innovation meets consumer satisfaction – your gateway to a revolutionized online
shopping experience.

1.2. Problem Statement

In the rapidly evolving landscape of online commerce, a pervasive challenge persists – the need
for a truly user-centric and seamlessly accessible e-commerce platform. Current solutions often
fall short of delivering a holistic and engaging shopping experience, leaving users frustrated with
fragmented interfaces and inconsistent performance across devices. This problem is compounded
by the diverse technological preferences of modern consumers, who expect a seamless journey
from product discovery to checkout, irrespective of the device they use.

1
Furthermore, existing e-commerce platforms tend to prioritize transactional convenience over
establishing lasting relationships with customers. The absence of robust user engagement
strategies and personalized features often results in missed opportunities for building trust and
fostering loyalty. This problem statement underscores the critical need for an innovative solution
that not only addresses the technical challenges of cross-device compatibility but also places a
strong emphasis on creating a user-centric ecosystem that goes beyond mere transactional
efficiency.

As we embark on the development and implementation of our e-commerce website, this problem
statement serves as a guiding beacon. It defines the gaps in the current market offerings and
propels our commitment to crafting a solution that revolutionizes online shopping by seamlessly
aligning with the dynamic expectations of modern consumers while prioritizing their satisfaction
and loyalty.

1.3. Objectives

 To Enhance User Engagement: We aim to elevate the user experience by implementing

features that promote active engagement throughout the customer journey. From
personalized recommendations to interactive elements, our platform seeks to captivate
users, keeping them invested and involved during their entire visit.

 To Broaden the Customer Base: Our objective is to expand our reach and appeal to a
diverse audience. Through targeted marketing strategies, user-focused design, and a
commitment to inclusivity, we aspire to attract a broad spectrum of consumers, tapping
into various demographics and preferences.

 To Optimize Conversion Rates: Beyond attracting visitors, our focus is on converting

these engagements into successful transactions. We aim to streamline the checkout
process, implement persuasive call-to-action elements, and leverage data analytics to
understand and address potential obstacles in the conversion funnel.

2
 To Support Cross-Device Compatibility: Recognizing the diversity in device usage,
our platform is committed to seamless accessibility across desktops, laptops, tablets, and
smartphones. This objective ensures a consistent and enjoyable user experience,
regardless of the device used, fostering accessibility and convenience for a wide range of
users.

 To Perform Data-Driven Continuous Improvement: Leveraging data analytics, our

platform seeks to gain valuable insights into user behavior, preferences, and trends. By
utilizing this data, we aim to make informed decisions, iterate on features, and
continuously improve the platform's functionality, ensuring its relevance and
effectiveness in the dynamic e-commerce landscape.

3
Chapter 2: Background Study and Literature Review

2.1 Background Study

Conducting a background study of an online shop entails a thorough examination informed by
fundamental theories, general concepts, and terminologies in e-commerce. Understanding the e-
commerce model and business concept is foundational; discerning whether the shop operates as a
direct-to-consumer platform, an e-commerce marketplace, or utilizes dropshipping provides
insight into its target market, niche, and competitive positioning. This understanding sets the
stage for further analysis.
A critical aspect of online shop analysis is evaluating its digital marketing strategies. This
involves assessing its approach to search engine optimization (SEO), social media marketing,
pay-per-click (PPC) advertising, and content marketing. The effectiveness of these strategies
directly impacts the shop's visibility, customer acquisition, and brand awareness, crucial factors
in its success.
User experience (UX) and user interface (UI) design play pivotal roles in shaping the online
shopping experience. Evaluating the shop's website or application involves examining aspects
such as navigation, responsiveness, visual appeal, and ease of use

2.2 Literature Review

A literature review is an overview of the previously published works on a topic. The term can
refer to a full scholarly paper or a section of a scholarly work such as a book, or an article.

As of the most recent information available up to January 2022, the e-commerce landscape in
Nepal has been experiencing gradual growth and transformation, driven by factors such as
increasing internet penetration, mobile technology adoption, and changing consumer preferences.
However, it's essential to note that the specific current scenario may have evolved since then. In
recent years, Nepal has witnessed a burgeoning interest in e-commerce platforms, with a
growing number of businesses and consumers embracing online shopping as a convenient and
accessible alternative to traditional retail channels. Several e-commerce startups and established
retailers have launched online platforms to cater to the diverse needs and preferences of Nepali
consumers, offering a wide range of products and services, including electronics, apparel,

4
groceries, and digital goods. Moreover, the COVID-19 pandemic has accelerated the digital
transformation of businesses in Nepal, prompting many traditional retailers to establish online
presence and adopt digital payment solutions to maintain continuity and serve customers amidst
lockdowns and movement restrictions. Consequently, there has been a notable increase in the
adoption of digital payment methods, mobile wallets, and online banking services, facilitating
seamless transactions and enhancing user experience in the e-commerce ecosystem. The review
of existing e-commerce platforms has revealed common challenges such as inconsistent user
interfaces, limited cross-device compatibility, and a lack of emphasis on sustained user
engagement. Analyzing these shortcomings provides valuable insights into the features and
functionalities that users find lacking or cumbersome, guiding our efforts to create a more
intuitive and user-friendly system. By synthesizing findings from existing systems and literature,
our methodology ensures that our e-commerce platform not only addresses current challenges
but also anticipates future trends. This comprehensive review forms the bedrock upon which our
innovative solutions will be built, laying the groundwork for a platform that not only meets but
exceeds the expectations of users in the ever-evolving digital marketplace.

5
Chapter 3: System Analysis

3.1System Analysis
3.1.1 Requirement Analysis

 Functional Requirement:
 User Authentication and Account Management
User-friendly account creation and profile management functionalities.
Password recovery and reset options for enhanced user convenience.

 Intuitive Product Search and Navigation:

Advanced search functionality with filters for categories, brands, and price ranges
Intuitive navigation, ensuring users can easily explore and discover products.
Quick-view options for products to facilitate efficient decision-making.

 Efficient Shopping Cart and Checkout Process

Seamless addition of products to the shopping cart with real-time updates.
A user-friendly and intuitive checkout process with multiple payment options.

 Personalized User Experience:

User-specific product recommendations based on browsing and purchase history.
Customizable user preferences for a personalized interface.
Integration of wish lists and saved items for future reference.

 Responsive Design for Cross-Device Compatibility:

Ensuring the platform is accessible and optimized for various devices
Consistent user experience across desktops, laptops, tablets, and smartphones.

 Dynamic Content Management:

Easy content updates, including product additions, removals, and promotions.
Integration of multimedia content for an engaging user experience.
Automated content scheduling for timely updates and announcements.

 Robust Security Measures

Secure payment gateways and encryption protocols to safeguard user information
Regular security audits and updates to mitigate potential vulnerabilitie
Compliance with industry standards and regulations for data protection

 Comprehensive Analytics and Reporting:

Integration of analytics tools for tracking user behavior and preferences.

6
 Generation of comprehensive reports to assess platform performance.
Data-driven insights to inform decision-making and future enhancement.
 Non-Functional Requirement
 Performance
 Response Time: The platform should exhibit minimal latency, ensuring quick
response times for user interactions.
 Scalability: The system should be scalable to accommodate an increasing number of
users and transactions without compromising performance.

 Reliability
 Availability: The platform should maintain high availability, minimizing downtime and
ensuring continuous access for users.
 Fault Tolerance: The system should have mechanisms in place to detect and recover
from potential failures, ensuring uninterrupted service.
 Security:
 Data Encryption: All sensitive user data, especially during transactions, should be
encrypted to safeguard against unauthorized access.
 Authentication and Authorization: Robust mechanisms for user authentication and
authorization to prevent unauthorized actions and protect user accounts.
 USABILITY:
 User Interface Consistency: The platform's user interface should maintain consistency
across different sections, promoting ease of use and familiarity.
 Accessibility: The platform should adhere to accessibility standards, ensuring inclusivity
for users with diverse needs.

7
3.1.2 Feasibility Study
A feasibility study has been conducted to assess the viability and potential success of our e-
commerce platform. This comprehensive analysis encompasses various dimensions, including
technical, economic, operational, and legal aspects, to ensure that the proposed solution aligns
with organizational goals and market demand.

i. Technical Feasibility:
The technical feasibility study for our e-commerce platform reveals a well-founded foundation
supported by a robust and scalable system architecture. This architecture is adept at
accommodating current requirements and provides flexibility for future enhancements.
Additionally, the chosen technology stack has been carefully evaluated to ensure compatibility,
efficiency, and adherence to industry best practices, reinforcing the technical viability of
platform.

ii. Economic Feasibility:

The economic feasibility analysis has undergone a comprehensive examination employing a
rigorous cost-benefit analysis to weigh the investment in platform development against
anticipated returns and long-term benefits. The projected return on investment (ROI) stands as a
compelling indicator, justifying the financial commitment made towards the development and
maintenance of the e-commerce platform.

iii. Operational Feasibility:

Operational feasibility centers on user acceptance and engagement, and the platform has been
meticulously designed to meet the operational needs of both consumers and administrators. Key
considerations include user-friendly features, intuitive interfaces, and planned training and
support mechanisms to ensure a smooth transition and ongoing operational efficiency, thereby
enhancing the platform's operational feasibility.

8
iv. Schedule

FIG:2.2.4 GANTT CHART TO SHOW THE WEBSITE DEVELOPMENT

9
3.1.3 System Analysis

Data Flow Diagram

DFD level-0
The context level data flow diagram describes the whole system. The level 0 DFD describes all
user modules who operate the system. The below DFD of the system shows two users can
operate the system shows the two users can operate the system, Customer and admin

Customer

Order
Product
0.0
Customer Info
Admin
Quick Mart Manage Order
Ecommerce app

Manage Product/stock

Fig: DFD level 0

10
 DFD level-1 for Admin

The DFD for Admin describe the functionality of Admin. Admin is the owner of the system.
Admin can add product, stocks for product and then manage order.

Request for Login

Admin 1.0
Check For Login
Responce Admin Data storage
Login
Reply

Add / Update product

2.0
Insert Data
Manage
Response Product Data Store
Product
Replay

Add / Update Stock 3.0

Insert Data
Manage
Stock Data Store
Stock Replay

4.0
Manage Order View Order

Manage Order Data Store

Order Replay
Response

Fig: DFD Level 1 For Admin

11
 DFD Level-1 for User

Customer include all people who operate or visit our website. The Customer can register in our
system and then login. After that they can search for product, select product to buy, place order
and make payment

Browse / view

User 1.0
Check Item
Responce Browse/ Find Product Data Store

Product Reply

Request for buy

2.0
Check Product

Response Buy Product Product Data Store

Replay

Request for Order 3.0

Check Order

Response Make Order Order Data Store

Replay

4.0
Make Payment Check Payment

Make Payment Data Store

Payment Replay
Response

Fig: DFD Level 1 For User

12
 Flowchart of The System

start

Admin
User
No
View product
Login
Buy product
&add to cart Yes
Add product
Display Cart
Yes

Add stock

Resume
shopping Add Image
to product

No

Checkout

Approved

Zero Cart
yes

Shipping &
Payment
handling

Logout

13
Stop
Chapter 4: System Design of Platform
4.1 Architectural Design

FIG:2.3.1 SYSTEM DESIGN OF THE PLATFORM

4.2 Waterfall Model

14
The Waterfall Model follows a sequential design process, where progress flows in a downward
(like a waterfall) linear sequence. Each phase must be completed before moving on to the next,
making it particularly suitable for projects with well-defined requirements and little room for
ambiguity. Because of Sequential Progression, Clear Requirements Definition, Structured
Development Approach we have chosen it.

Fig:4.2 Waterfall model

4.5 Use case Diagram

15
 Login

Add Browse
Product Product

Add Stack
Select Product

USE
Add Img to
R
Admi product
n Add to cart

Manage Check Out

Order

Shipping of
Product
Payment

Logout

Fig: Use case Diagram

16
4.6 Database Schema Design

Fig: Database Schema Design

17
4.5 ER Diagram

18
Chapter 5: Implementation and Testing
The development of our e-commerce platform involves the strategic integration of cutting-edge
technologies to ensure a robust, scalable, and feature-rich solution. The chosen technology stack
is carefully curated to align with industry best practices, foster innovation, and enhance the
overall user experience. Key technologies utilized in the development process include:

5.1 Implementation

Tools Used

Visual Studio:
Visual Studio is an integrated development environment (IDE) developed by Microsoft. It
provides developers with a comprehensive set of tools and services for building software
applications across various platforms, including Windows, macOS, and Linux. The primary
purpose of Visual Studio is to streamline the software development process by offering a unified
environment where developers can write, debug, test, and deploy code efficiently.

Frontend Tools:
1.HTML:
HTML, or Hypertext Markup Language, is the standard markup language used for creating and
structuring web pages and web applications. It consists of a set of elements, tags, and attributes
that define the structure, content, and formatting of web documents.

2.CSS:
CSS, or Cascading Style Sheets, is a style sheet language used to define the presentation and
layout of HTML documents. It allows developers to control the appearance of web pages by
specifying styles for elements such as fonts, colors, spacing, and positioning. CSS enhances the
visual appeal and user experience of websites, enabling customization and consistency across
web pages.

3.JS:
JavaScript (JS) is a high-level, interpreted programming language primarily used to create
dynamic and interactive content on web pages. It is commonly used for client-side scripting,
allowing developers to manipulate HTML elements, handle user interactions, and perform
various tasks within web browsers. JavaScript is versatile, supporting a wide range of
applications, including web development, server-side programming, and building mobile and
desktop applications.
Backend Tools:

19
C#
C# (pronounced "C sharp") is a high-level, object-oriented programming language developed by
Microsoft. It is designed for building a wide range of applications, including desktop, web,
mobile, and gaming applications, as well as enterprise-level software solutions. C# is known for
its simplicity, type-safety, and scalability, making it a popular choice among developers for
creating robust and efficient software systems on the .NET framework.

MySql
In our project, QuickMart, we have seamlessly integrated MySQL as our database management
system to handle the vast amount of data generated by our e-commerce platform. MySQL serves
as the backbone of our data management strategy, facilitating efficient storage, retrieval, and
manipulation of information critical to the functioning of QuickMart. We have established a
reliable, scalable, and efficient database infrastructure that underpins the seamless operation of
QuickMart. MySQL's rich feature set, performance optimizations, and robust security measures have
enabled us to deliver a high-quality e-commerce experience to our users while ensuring the integrity and
confidentiality of their data.

5.2 Unit Testing

Unit testing in .NET Framework is a fundamental practice for ensuring the reliability and
correctness of software applications. It involves the systematic testing of individual units or
components of code in isolation from the rest of the application. Typically, developers create a
separate test project within their solution to host all the unit tests. This project contains test
classes and methods dedicated to exercising specific functionalities of the code under test.
Developers employ various testing frameworks like NUnit or MSTest to structure and execute
their tests effectively. Each test method follows the Arrange, Act, Assert (AAA) pattern, where
the necessary preconditions are arranged, the code under test is executed, and the expected
outcomes are asserted. Through this approach, developers can verify that each unit of code
behaves as expected under various conditions. Moreover, unit testing encourages modular and
loosely coupled code design, making it easier to maintain and refactor codebases. By
continuously writing and running unit tests, developers can catch bugs early in the development
process, leading to higher-quality software products.

20
Chapter 6: Conclusion and Future Recommendations
6.1 Conclusions
1.QuickMart e-commerce website has consistently maintained robust performance and
reliability, ensuring seamless user experiences and minimal downtime
2. QuickMart e-commerce website has demonstrated its ability to effectively convert visitors into
customers and generate revenue
3. Through ongoing monitoring, analysis, and iteration, we have continuously improved and
innovated upon our e-commerce website. Embracing feedback, implementing best practices, and
staying abreas t of industry trends have enabled us to enhance the platform's functionality,
usability, and overall value propose.

6.2 Future Recommendation

1.Enable customers to leave reviews and ratings for products they have purchased, as user-
generated content can significantly influence purchasing decisions.
2. Implement advanced personalization techniques to tailor the shopping experience based on
individual user preferences, behavior, and past interactions.
3. We are committed to innovation, sustainability, and inclusivity, striving to make a positive
impact on customer.

6.3 Final Outcomes

The development of our e-commerce platform is poised to deliver enhanced user experience,
increased engagement, and improved scalability. Anticipated outcomes include streamlined
transactions, data-driven insights, market differentiation, and a positive return on investment.
Adherence to legal standards, competitive positioning, and adaptability to emerging trends are
expected, along with positive environmental impact through sustainability measures. Continuous
improvement is intrinsic, driven by iterative development and data-driven insights, establishing
the platform as a preferred choice in the competitive online retail landscape.

21
i. Homepage of QUICKMART

ii. Diagram of Shopping Cart

22
iii. Checkout Section

23
iv. Payment Methods

24
v. Payment and Customer Details

25
26
vi. Admin Approval

6.4 Admin Panel of QuickMart

27
28
29
REFERENCE
1. Royce, W. W. (1970). "Managing the Development of Large Software Systems: Concepts and
Techniques." Proceedings of IEEE WESCON.
2. Turban, E., King, D., Lee, J., Liang, T. P., & Turban, D. (2019). Electronic Commerce 2018:A
Managerial and Social Networks Perspective. Springer. Laudon, K. C., & Traver, C. G. (2018).
E-commerce 2017. Pearson. Bulma Documentation:
3. Asp.Net Core Official Documentation
4. “Pro ASP.NET Core MVC 2” by Adam Freeman
5. “ASP.NET Core in Action” by Andrew Lock
6.Turban, E., King, D., Lee, J., Liang, T. P., & Turban, D. (2019). Electronic Commerce 2018: A
Managerial and Social Networks Perspective. Springer.
7.Laudon, K. C., & Traver, C. G. (2018). E-commerce 2017. Pearson.
8.Bulma Documentation: https://bulma.io/documentation/.

30
ANNEX
Source code for cart
@page
@model Shop.Ui.Pages.CartModel
@{
}
<div class="container">
<div class="columns">
<div class="column">
@foreach(var product in Model.Cart)
{
<div class="level" id="[email protected]">
<div class="level-item">
<figure class="image is-128x128">
@{
var matchingImage = Model.img.FirstOrDefault(i => i.ProductId ==
product.pid);
}
@if (matchingImage != null)
{
var img_path = $"/Image/{matchingImage.FileName}";
<img src="@img_path" />
}
else
{
<img src="~/images/2029.jpg" />
}
</figure>

31
</div>
<div class="level-item">
<p class="title">@product.Name</p>
</div>
<div class="level-item">
<div class="columns is-mobile is-multiline">
<div class="column is-4">
<button class="button" type="button"
onclick="removeOneFromCart(event)"
data-stock-id="@product.StockId">
_
</button>
</div>
<div class="column is-4 align-self-center has-text-centered"
id="[email protected]">
@product.Qty
</div>
<div class="column is-4">
<button class="button" type="button" onclick="addOneToCart(event)"
data-stock-id="@product.StockId">
+
</button>
</div>
<div class="column is-12 has-text-centered">
<a class="has-text-danger"
onclick="removeAllFromCart(event)"
data-stock-id="@product.StockId">Remove</a>
</div>

32
 </div>
</div>
<div class="level-item">
<p class="title">@product.Value</p>
</div>
</div>
}
<div class="has-text-right">
<a asp-page="/Index" class="button is-text">Resume Shopping</a>
<a asp-page="/Checkout/CustomerInformation" class="button is-info">CheckOut</a>
</div>
</div>
</div>
</div>

@section scripts {
<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
<script>
var removeOneFromCart = function (e) {
var stockId = e.target.dataset.stockId;

axios.post("/Cart/RemoveOne/" + stockId)
.then(
res => {
var id = "stock-" + stockId;
var el = document.getElementById(id);
var qty = parseInt(el.innerText);
el.innerText = (qty - 1);

33
 }
)
.catch(err => {
alert(err.error)
})
}
var addOneToCart = function (e) {
var stockId = e.target.dataset.stockId;

axios.post("/Cart/AddOne/" + stockId)
.then(
res => {
var id = "stock-" + stockId;
var el = document.getElementById(id);
var qty = parseInt(el.innerText);
el.innerText = (qty + 1);
}
)
.catch(err => {
alert(err.error)
})
}
var removeAllFromCart = function (e) {
var stockId = e.target.dataset.stockId;

axios.post("/Cart/RemoveAll/" + stockId)
.then(
res => {

34
 var id = "product-" + stockId;
var el = document.getElementById(id);
el.outerHTML = "";
}
)
.catch(err => {
alert(err.error)
})
}
</script>
}

35