Final

Premier University
Department of Computer Science & Engineering
Final Year Project Report on

Interactive E-commerce Platform with Real-time Text Emotion
Detection
Submitted by:
Sabrina Karim Riya
ID: 1903610201812
Md Ehsanul Haque Efti
ID: 1903610201780
Pinky Debi
ID: 1903610201756
Supervised by
Md. Neamul Haque
Lecturer
Department of Computer Science & Engineering, Premier University
Submitted in the partial fulfillment of the degree of

Bachelor of Science in Computer Science in Engineering
i
April 2024
Premier University
Certificate of approval
The project titled “Interactive E-commerce Platform with Real-time Text Emotion Detection”
submitted by Sabrina Karim Riya, Md Ehsanul Haque Efti and Pinky Debi in Aprile 2024 has
been accepted as satisfactory in partial fulfillment of the requirement for the degree of
Bachelor of Science in Computer Science & Engineering (CSE) as B.Sc. (Eng.) to be
awarded by Premier University.
………………………………….
Prof. Dr. Shahid Md. Asif Iqbal
Chairman
Department of Computer Science and Engineering
Premier University, Chattogram
………………………………….
Md. Neamul Haque (Supervisor)
Lecturer
Department of Computer Science and Engineering
Premier University, Chattogram
ii
Premier University
Declaration
This project report is submitted to the Computer Science and Engineering, Premier
University, Chattogram in partial fulfillment of the requirements for the degree of Bachelor of
Science. So, we hereby, declare that this project report is based on the surveys found by us.
Materials of work found by other researchers are mentioned by reference. This project report,
neither in whole nor in part, has been previously submitted for any degree.
…………………… ………………………. ……………………

Sabrina Karim Riya Md Ehsanul Haque Efti Pinky Debi
iii
ID: 1903610201812 ID: 1903610201780 ID: 1903610201756
iv
Dedicated to
Our Respected Teachers & Parents
4
ACKNOWLEDGEMENT
We would like to thank who helped us in the process of completing this project. First, we
would like to express our gratitude to Almighty Allah. Then we would like to thank our
honorable supervisor, Md. Neamul Haque, Lecturer, Department of Computer Science &
Engineering, Premier University, Chattogram. Without his guidance and help this project was
not possible. Finally, we would like to thank our parents whose blessings and appreciation
helped us.
5
ABSTRACT
The E-commerce Platform with Real-time Text Emotion Detection is a comprehensive web-
based solution designed to revolutionize the online shopping experience by integrating
advanced emotion detection technology into the traditional e-commerce framework. This
innovative platform features real-time emotion analysis of customer reviews and feedback,
enabling businesses to gain valuable insights into customer sentiment and preferences. The
system offers a seamless user experience with a user-friendly interface, secure payment
integration, and personalized product recommendations based on detected emotions.
The project employs a multi-tier user structure comprising administrators, customers, and
specific role management admins, facilitating efficient management, secure transactions, and
personalized user interactions. Utilizing technologies such as Python, TensorFlow, Django,
and MySQL, the platform ensures robust performance, scalability, and data integrity.
Rigorous testing methodologies were applied to validate system functionality, security
measures, and user experience, resulting in a reliable and stable application.
This report provides a detailed overview of the project's architecture, design principles,
implementation strategies, and testing outcomes. It highlights the successful integration of
real-time emotion detection into the e-commerce ecosystem and discusses the implications
for enhancing customer engagement, personalizing user experiences, and driving business
growth. Future work and considerations for further enhancements are also presented,
reflecting on the project's achievements and paving the way for continuous innovation and
excellence in the evolving e-commerce landscape.
6
Table of Contents
Title Page i
Certificate of approval ii
Declaration iii
Dedication 4
ABSTRACT 6
Chapter 1: Introduction 12
1.1 Introduction 12
1.2 Objective 12
1.3 Motivation 13
1.4 Project Scope 13
1.5 Organization of the Report 14
Chapter 2: Literature Review 15
2.1 Literature Review 15
2.2 Real-time Emotion Detection in Customer Feedback: 15
2.3 Personalization and User Experience: 16
2.4 Secure Payment Integration and Transaction Processing: 16
2.5 Advanced Search and Product Management: 17
2.6 User Interface and Design: 17
Chapter 3: Dataset Description 18
3.1 Introduction 18
3.2 Product Data 18
3.3 Emotion Detection Data 18
Chapter 4: System Design 19
4.1 System Design 19
4.2 Proposed System 19
4.3 Software Process Model 20
Chapter 5: Project Planning 22
5.1 Project Planning 22
5.1 Why Requirement Specification is Needed? 22
5.2 Requirement Definition 22
5.3 User List of Application 23
5.4 Requirement Validation 23
7
Chapter 6: Software Requirement Specification 25
6.1 Software Requirement Specification 25
6.2 Scope 25
6.3 Definitions, Acronyms, and Abbreviations 25
6.4 External Dependencies and Tools 25
Chapter 7: System Overview 27
7.1 System Description 27
7.2 System Features 27
7.3 Functional Requirements 27
7.3.1 User Management 27
7.3.2 Product Management 27
7.3.3 Shopping Cart and Checkout 28
7.3.4 Real-time Text Emotion Detection 28
7.3.5 Admin Dashboard 28
7.4 Non-Functional Requirements 28
7.4.1 Performance 28
7.4.2 Security 29
7.4.3 Usability 29
7.4.4 Reliability 29
7.5 Constraints 29
7.6 Supplementary Documentation 30
7.6.1 Use Case Diagram 30
7.6.2 Administrative Interface 30
7.6.3 Customer Interface 30
7.7 Data Flow Diagrams 31
7.7.1 Customer Side 31
7.7.2 Admin Side 31
Chapter 8: Implementation 40
8.1 Implementation 40
8.2 Home page: 40
8.2 Featured Product 41
8.3 Most Popular Products 41
8.4 Add to Cart Popup 42
8.5 Top Categories 43
8.6 Deal of The Day 43
8
8.7 Clothing, Shoes, & Jewelry Category 44
8.8 Campaign Management in Admin 45
8.9 Trendy Product List 45
8.10 Our Brands Showcase 46
8.11 Our Clients Say 47
8.12 Join Our Newsletter Now 48
8.13 Homepage Footer Design 48
8.14 Contact Us Page 49
8.15 Wishlist Page 50
8.16 Shopping Cart Page 51
8.17 Checkout Page 52
8.18 AamarPay Payment Integration 54
8.19 Single Product Details Page 55
8.20 Single Product Details Page with Review Option 56
8.21 My Account Page 57
8.22 Web Review Page 58
8.23 All Tickets Page on My Account 59
8.24 Ticket Details Page 60
8.25 Login Page 61
8.26 Create an Account Page 62
8.27 Reset Password Page 64
8.28 Product Search Page 65
8.29 Admin Sidebar Overview 66
8.30 Navbar Components Overview 68
8.31 Admin Dashboard Overview 68
8.32 Category Page Overview 70
8.33 Sub Category Page Overview 72
8.34 Child Category Page Overview 73
8.35 Brand Page Overview 74
8.36 Warehouse Page Overview 76
8.37 Product Page Overview 77
8.38 Coupons Page Overview 80
8.39 Campaign Page Overview 82
8.39.1 Campaign Page: 82
8.39.2 Viewing and Managing Campaigns: 82
9
8.40 Order Page Overview 83
8.40.1 All Orders 83
8.40.2 Order List 84
8.40.3 Order Details 85
8.40.4 Edit Pickup Point 86
8.41 Pickup Point Page Overview 87
8.42 Ticket Page Overview 89
8.42.1 Ticket List 89
8.42.2 Ticket Details 89
8.43 All Orders Report Page Overview 90
8.44 All Product Review Report Page Overview 92
8.45 All Web Review Report Page Overview 93
8.46 SEO Settings Overview 95
8.47 Website Setting Overview 97
8.48 All Pages Overview 98
8.49 SMTP Mail Settings Overview 99
8.50 Payment Gateway Settings Overview 100
8.51 Admin Profile Page Overview 102
8.51.1 Profile Settings 102
8.52.2 Change Password Section 103
8.52 Admin Role Management Overview 103
Chapter 9: Methodology 105
9.1 Methodology 105
9.2 Project Structure 105
9.3 Hyperparameters 105
9.4 Model Description 106
9.5 Project Analysis 107
Chapter 10: Result 108
10.1 Result 108
10.2 Accuracy and Validation Accuracy 109
10.3 Receiver Operating Characteristic (ROC) Curve 109
10.5 Classification Report 111
Chapter 11 : Testing 113
11.1 Testing 113
11.1 Objectives of Testing 113
10
11.2 Login Testing 113
11.3 Search Testing 114
11.4 User Registration Testing 114
Chapter 12: Conclusion 116
12.1 Limitations & Future Work 116
12.2 Conclusion 116
References 117
11
Chapter 1
INTRODUCTION
1.1 Introduction
Welcome to our user-friendly e-commerce platform, offering a diverse range of products
from clothing and electronics to home goods. Our advanced full-text search engine ensures
you can easily find the products you're looking for by simply entering keywords related to the
product name or description.
Our platform is equipped with innovative features like real-time text emotion detection for
personalized product recommendations and a sophisticated admin system for efficient order
management and customer support. Whether you're a new visitor or a returning customer, our
website provides clear navigation and helpful tools for a seamless shopping experience.
We value your feedback and continuously strive to enhance our services to meet your needs.
Explore our website, discover exclusive deals, and enjoy a hassle-free shopping experience.
1.2 Objective
 Evaluate Current User Experience: Assess the existing user experience on traditional e-
commerce platforms to identify areas for improvement.
 Implement Advanced Technologies: Integrate real-time text emotion detection and
sophisticated admin systems into the e-commerce platform to enhance functionality and
responsiveness.
 Measure User Engagement and Satisfaction: Analyze user interactions, preferences, and
feedback to evaluate the effectiveness of the integrated technologies in improving user
engagement and satisfaction.
 Optimize Order Management Processes: Streamline order management systems to reduce
errors, delays, and operational costs, improving overall efficiency and customer
satisfaction.
 Enhance Customer Support Services: Implement responsive and personalized customer
support systems to address user queries and concerns promptly and effectively.
12
1.3 Motivation
 Growing E-commerce Landscape: With the continuous growth of online shopping, there
is a pressing need to enhance user experience to stay competitive in the market.
 Demand for Personalization: Modern consumers increasingly expect personalized
shopping experiences tailored to their preferences and needs.
 Potential of Advanced Technologies: Emerging technologies like real-time text emotion
detection and sophisticated admin systems offer promising opportunities to revolutionize
e-commerce platforms and improve user engagement.
 Need for Efficient Order Management: Streamlining order management processes can
significantly reduce errors, delays, and operational costs, leading to improved customer
satisfaction and retention.
 Enhancing Customer Support: Providing responsive and effective customer support is
crucial for building trust, resolving issues promptly, and fostering long-term relationships
with customers.
1.4 Project Scope

This project aims to provide an effective solution to the problem. The scope of this project is
described here:
Scope Details
Functions 1. Secure registration and login processes for administrators, customers, and
specific role management admins.
2. Automatic email verification and password reset functionalities.
3. Dynamic categorization of products into categories, subcategories, and
child
categories.
4. Display of product details, images, color variants, and size options.
5. Integration of CNN-based emotion detection for analyzing customer
reviews
and feedback.
6. Labeling and storing emotions detected in product and web reviews for
admin analysis.
7. Integration of Aamarpay for secure and seamless transaction processing.
8. Multiple payment methods including credit card, Bkash/Rocket/Nagad,
and
cash on delivery.
9. Comprehensive order tracking, management, and reporting system.
10. Stock quantity tracking, purchase, selling, and discount price details.
Features 1. Wishlist, add to cart, and product view functionalities.
2. Product search, filter, and sorting options.
13
3. Real-time emotion analysis of customer reviews and feedback to gain
insights into customer sentiment and preferences.
4. Secure and seamless transaction processing with integrated payment
gateways.
5. Comprehensive order and inventory management functionalities to
streamline the shopping process.
6. Generation of detailed reports on order, product review, and web review
analytics.
Facilities 1. A user-friendly and intuitive interface with mobile-responsive layouts to
provide a consistent and engaging shopping experience.
2. Advanced search to facilitate easier and safer product finding based on user
preferences and requirements.
3. Implementation of a commission system to ensure fair financial
transactions between vendors and administrators.
1.5 Organization of the Report

Chapter 2 [Literature Review]: The chapter is summarized through sections. Describes the
background of the study.
Chapter 3 [System Design]: The chapter covers many sections. Discuss how the development
team
is organized and the team member’s background of the study.
Chapter 4 [Project Planning]: This chapter describe whole work related to the project describe
the
project features, functional operation, user characteristics. This is literature review and study.
Chapter 5 [Software requirement & specification]: This chapter has described the requirement
for
developing this project in detail.
Chapter 6 [Implementation]: This chapter describe about implement process security, shows
several implement figures.
Chapter 7 [Testing]: This chapter tests our project in every process.
Chapter 8 [Conclusion]: This chapter summarizes result in this project. The future
development
plan is also mentioned in this chapter.
14
Chapter 2
LITERATURE REVIEW
2.1 Literature Review

The evolution of e-commerce platforms has been marked by a continuous effort to enhance
user experience, personalize services, and optimize business operations. Recent
advancements in technology, particularly in the fields of artificial intelligence and machine
learning, have paved the way for innovative solutions that aim to revolutionize the traditional
e-commerce framework. The proposed Interactive E-commerce Platform with Real-time Text
Emotion Detection is a novel approach that integrates emotion detection technology into the
e-commerce ecosystem to gain valuable insights into customer sentiment and preferences.
This literature review explores the existing technologies and methodologies in e-commerce
platforms and emotion detection systems to identify the gaps and opportunities for innovation
in the proposed project.
2.2 Real-time Emotion Detection in Customer Feedback:

Emotion detection in customer feedback has gained significant attention in recent years as
businesses strive to understand and respond to customer sentiment effectively. Research
studies have explored the use of Natural Language Processing (NLP) and Convolutional
Neural Networks (CNN) for sentiment analysis and emotion detection in text data.
Ref (Year) Language Classes Approach and Method Performance
1. Emotion Urdu 7 TF-IDF + Naïve Bayes .56 (F1-score)
detection using TF-IDF + RF .54 (F1-score)
Word2Vec and
convolution TF-IDF + LR .58 (F1-score)
neural TF-IDF + SVM .56 (F1-score)
Networks. [1] Word2Vec + CNN .64 (F1-score)
ROC AUC score of
0.90
2. Emotion Chines 2 CNN- BiLSTM 0.935
Analysis Model (Positive,
of Microblog Negative)
Comment Text
Based on CNN-
BiLSTM(2022)
[2]
3. Research on English 2 LSTM-CNN 0.906 (F1-score)
15
Emotion (Positive, The LSTM-CNN
Recognition Negative) outperforms all
Model of other models in
Takeaway terms of precision,
Evaluation Text recall, and F1
Based on score,
LSTM‐CNN. demonstrating its
(2023) [3] superior
performance in
emotion detection
tasks.
4. Effect of English 6 Method Activation
word2vec Function
weighting with CNN- Softmax 99.40%
CNN-BILSTM BILSTM Sigmoid 99.43%
model on The model's
Emotion architecture has a
classification. complex structure
(2023) [4] with 35 layers,
which may lead to
increased
computational
requirements.
2.3 Personalization and User Experience:

Personalization is a key factor in enhancing user experience and driving customer
engagement in e-commerce platforms. A study by Adomavicius and Tuzhilin (2005)
highlighted the importance of personalized recommendation systems in improving user
satisfaction and increasing sales in e-commerce platforms [5]. The proposed Interactive E-
commerce Platform aims to leverage real-time emotion detection to provide personalized
product recommendations based on detected emotions, thereby enhancing the user experience
and fostering customer loyalty.
2.4 Secure Payment Integration and Transaction Processing:

The integration of secure and seamless payment systems is crucial for building trust and
ensuring customer satisfaction in e-commerce platforms. Aamarpay, a widely recognized
payment gateway, offers secure and efficient transaction processing solutions, reflecting the
industry's move towards higher production, resource efficiency, and time-saving techniques.
The proposed E-commerce Platform integrates Aamarpay to provide multiple payment
16
methods, including credit card, Bkash/Rocket/Nagad, and cash on delivery, ensuring secure
and seamless financial transactions.
2.5 Advanced Search and Product Management:

Advanced search and product management functionalities are essential for facilitating an
efficient and enjoyable shopping experience for users. Research studies have explored the use
of advanced search algorithms and categorization techniques to enhance the search
capabilities and product listing in e-commerce platforms [6]. The proposed Interactive E-
commerce Platform incorporates dynamic product categorization, advanced search, filter, and
sorting options to streamline the shopping process and facilitate easier and safer product
finding based on user preferences and requirements.
2.6 User Interface and Design:

The design and user interface of an e-commerce platform play a crucial role in attracting and
retaining customers. Research studies have emphasized the importance of user-friendly and
intuitive design with mobile-responsive layouts to provide a consistent and engaging
shopping experience across different devices and screen sizes [7]. The proposed Interactive
E-commerce Platform aims to provide a responsive and engaging user interface, enhancing
the overall user experience and fostering customer satisfaction.
17
Chapter 3
DATASET DESCRIPTION
3.1 Introduction
The dataset used in this study plays a crucial role in enhancing various functionalities and
features of our e-commerce platform. This chapter provides an overview of the two distinct
datasets employed in the research, each serving specific purposes to optimize user
experience, satisfaction, and engagement.
3.2 Product Data
The first dataset, consisting of 2,907 rows, is sourced from Kaggle [8] and is meticulously
curated to populate our MySQL Products table. This dataset serves as the backbone of our
platform's product catalog and encompasses a comprehensive range of attributes such as
category, brand, pricing, inventory, and more. By leveraging this dataset, we can dynamically
display product images, manage inventory levels, and customize product listings based on
various attributes like color, size, and tags. This rich and structured data enables us to create a
user-friendly interface that facilitates efficient product discovery, comparison, and purchase,
ultimately enhancing the overall shopping experience for our users.
3.3 Emotion Detection Data

The second dataset, comprising a substantial 839,556 rows of data, is also sourced from
Kaggle [9] and focuses on sentiment analysis through emotion detection. This dataset
includes two primary columns: text and Emotion, categorized into 13 distinct classes. It is
utilized to train a Natural Language Processing (NLP) Convolutional Neural Network (CNN)
model for multi-class emotion classification. The trained model analyzes textual data from
product reviews and web reviews to identify and categorize emotions expressed by users into
one of the 13 predefined classes. This advanced emotion detection capability allows us to
gain deeper insights into user sentiments, preferences, and feedback, enabling us to tailor our
services, content, and communications to better resonate with our audience. By understanding
the emotional responses of our users, we can make data-driven decisions to improve product
offerings, customer support, and marketing strategies, thereby fostering stronger relationships
and trust with our customers.
18
Chapter 4
SYSTEM DESIGN
4.1 System Design

System design is the process of designing the elements of a system such as the architecture,
modules and components, the different interfaces of those components and the data that goes
through that system. The purpose of the System Design process is to provide sufficient
detailed data and information about the system and its system elements to enable the
implementation consistent with architectural entities as defined in models and views of the
system architecture.
4.2 Proposed System

introduce a real-time text emotion detecting e-commerce platform. This improves the product
finding. The following discusses the suggested systems:
 Automate inventory tracking, stock updates, and order fulfillment processes using the
product dataset.
 Implement a real-time order tracking system for timely updates on order status, delivery,
and shipment tracking.
 Integrate predictive analytics to forecast inventory demands, optimize stock levels, and
minimize out-of-stock situations, enhancing operational efficiency and customer
satisfaction.
 Enhance customer support services using sentiment analysis and emotion detection for
automated query resolution and personalized interactions.
 Implement a comprehensive admin dashboard with advanced analytics, reporting tools,
and customizable settings for streamlined management and decision-making.
 Integrate AI-powered chatbots to provide 24/7 customer support, answer frequently asked
questions, and assist users with product recommendations, order tracking, and
troubleshooting, improving customer engagement and satisfaction.
 Leverage the integrated datasets to generate actionable insights, trends, and patterns
through advanced reporting and analytics.
 Utilize a dataset with 13 distinct emotion classes to train an NLP CNN model for accurate
emotion classification in product and web reviews.
19
 Analyze textual data to identify user sentiments and emotions for proactive response and
personalized communication.
 Implement a real-time text emotion detection system to categorize user feedback and
reviews based on emotional responses, enabling targeted and personalized interactions.
The proposed system aims to revolutionize the e-commerce platform by integrating advanced
technologies and leveraging Kaggle-sourced datasets. By implementing multi-class emotion
detection, efficient order management systems, and responsive customer support, the system
will create a personalized and engaging shopping environment.
4.3 Software Process Model

Our e-commerce platform adopts the Waterfall software process model, a structured and
sequential approach to software development, emphasizing detailed planning, systematic
execution, and phase-based progression. This methodology is chosen to ensure meticulous
adherence to requirements, comprehensive documentation, and rigorous testing throughout
the development lifecycle.
Figure 3.1: Waterfall Model.
20
1. Requirements Analysis and Planning
 Detailed Requirements Gathering: We collaborate closely with stakeholders, end-users,
and domain experts to elicit, analyze, and document comprehensive requirements,
including functional and non-functional specifications, user stories, and acceptance
criteria.
 Project Scope Definition: We establish clear project scope, goals, and objectives based
on the gathered requirements, ensuring alignment with business needs, user
expectations, and project constraints to guide the development process effectively.
2. Design and Implementation
 Comprehensive Design Documentation: We develop detailed design documents,
including architectural diagrams, system models, interface designs, and data models,
to provide clear guidelines and specifications for development, ensuring consistency,
scalability, and maintainability of our e-commerce platform.
 Feature Implementation: We execute development tasks, coding, and integration of
features and functionalities based on approved design documents, adhering to coding
standards, best practices, and guidelines to ensure quality, performance, and reliability
of the software.
3. Testing and Quality Assurance

 Thorough Test Planning: We create detailed test plans, test cases, and test scripts
based on requirements and design specifications to validate and verify the
functionality, usability, performance, and reliability of our e-commerce platform.
 Testing Execution: We conduct comprehensive testing, including unit testing,

integration testing, system testing, and user acceptance testing (UAT), to identify,
report, and resolve defects, inconsistencies, and issues, ensuring high quality, stability,
and user satisfaction.
21
Chapter 5
PROJECT PLANNING
5.1 Project Planning

Project planning is a critical phase in the development and implementation of any initiative,
serving as the foundation for success by establishing clear objectives, defining scope,
allocating resources, and outlining timelines. In the context of our e-commerce platform
enhancement project, effective planning is essential to ensure seamless integration of
advanced technologies, optimal utilization of Kaggle-sourced datasets, and successful
execution of key components such as emotion detection, efficient order management, and
responsive customer support systems.
5.1 Why Requirement Specification is Needed?

Requirement Specifications needed because:
 Ensures clarity and alignment of project goals.
 Prevents unnecessary changes and maintains focus.
 Guides efficient resource utilization.
 Identifies and mitigates potential risks.
 Sets quality standards and benchmarks.
 Fosters clear communication among stakeholders.
 Enables data-driven decision-making.
 Ensures transparency, documentation, and accountability.
5.2 Requirement Definition

Requirement Definition is the foundational step in project development, where the specific
needs, expectations, and criteria are clearly articulated to guide the project's direction. It plays
a crucial role in ensuring alignment with business objectives, user needs, and industry
standards. A well-defined requirement minimizes ambiguity, prevents scope creep, and
optimizes resource allocation. It also facilitates effective communication and collaboration
among stakeholders, team members, and project managers, serving as a roadmap for project
planning, design, development, and evaluation.
22
5.3 User List of Application
There are 3 types of users in “E-commerce Platform with Real-time Text Emotion
Detection”. They are-
 Platform Administrator
 End User
 Role-Based Access Control (RBAC) Administrator
Platform Administrator
 Responsible for overseeing and managing the overall operation, configuration, and
maintenance of the e-commerce platform.
 Handles user management, content management, system settings, and monitors
performance and security.
 Ensures smooth and efficient platform functionality, updates, and compliance with
organizational policies and standards.
End User
 Represents the client or customer segment of the platform.
 Engages with the platform to browse products, make purchases, leave reviews, and
interact with customer support services.
 Utilizes various features and functionalities of the platform to explore, shop, and
enhance their online shopping experience.
Role-Based Access Control (RBAC) Administrator

 Manages and administers role-based access control policies and permissions within
the platform.
 Defines, assigns, and regulates specific roles, access levels, and permissions for users
based on organizational hierarchy, responsibilities, and requirements.
 Ensures secure, controlled, and compliant access to different features, functionalities,
and data within the platform, aligning with organizational policies, regulations, and
best practices.
5.4 Requirement Validation

Requirement Validation is a critical step in the project lifecycle that ensures the defined
requirements are correct, complete, consistent, and achievable before proceeding with design,
23
development, and implementation. It involves a systematic evaluation and verification
process to confirm that the specified requirements align with the project's objectives,
stakeholders' expectations, and industry standards.
Validity Check: It is a critical evaluation process that ensures the requirements, design, and
implementation of the E-commerce Platform with Real-time Text Emotion Detection are
valid, accurate, and reliable in meeting the project's objectives, stakeholder expectations, and
industry standards. Given the innovative and complex nature of our project, conducting a
validity check is essential to verify the integrity, effectiveness, and performance of the
integrated e-commerce and emotion detection functionalities.
Consistency check: It is an essential evaluation process that ensures the requirements,

design, and implementation of the E-commerce Platform with Real-time Text Emotion
Detection maintain consistency across various components, functionalities, and interactions
to deliver a cohesive, seamless, and unified user experience. Given the integration of e-
commerce features with emotion detection capabilities, conducting a consistency check is
crucial to verify the harmony, coherence, and alignment between different aspects of the
platform.
Completeness check: It is a critical evaluation process that ensures all necessary

components, features, functionalities, and requirements of the E-commerce Platform with
Real-time Text Emotion Detection are adequately defined, implemented, and integrated to
deliver a comprehensive, fully-functional, and user-centric solution. Given the multifaceted
nature of our project, incorporating e-commerce functionalities with emotion detection
capabilities, conducting a completeness check is essential to verify the inclusiveness,
thoroughness, and integrity of the platform.
Realism Check: is an essential evaluation process that assesses the practicality, feasibility,
and achievability of the E-commerce Platform with Real-time Text Emotion Detection in
terms of technological capabilities, resource availability, time constraints, budget limitations,
and stakeholder expectations. Given the innovative and ambitious nature of our project,
combining e-commerce functionalities with emotion detection capabilities, conducting a
realism check is crucial to validate the project's viability, sustainability, and alignment with
organizational goals and industry standards
24
Chapter 6
SOFTWARE REQUIREMENT SPECIFICATION
6.1 Software Requirement Specification

The purpose of this Software Requirements Specification (SRS) document is to provide a
comprehensive overview of the requirements, features, functionalities, and specifications for
developing an innovative E-commerce Platform integrated with Real-time Text Emotion
Detection capabilities.
6.2 Scope
This SRS outlines the requirements for designing, developing, implementing, and
maintaining an advanced E-commerce Platform that combines traditional online shopping
features with real-time emotion detection in customer feedback and reviews to enhance user
engagement, satisfaction, and business insights.
6.3 Definitions, Acronyms, and Abbreviations

 E-commerce: Electronic Commerce
 SRS: Software Requirements Specification
 API: Application Programming Interface
 ML: Machine Learning
 NLP: Natural Language Processing
 UI: User Interface
 UX: User Experience
 SSL: Secure Socket Layer
 CRM: Customer Relationship Management
 ERP: Enterprise Resource Planning
 ROI: Return on Investment
6.4 External Dependencies and Tools

Data Sources
Kaggle Datasets:
25
 E-commerce Product Data
 Text Emotion Detection Data
Payment Gateway
 Aamarpay: Used for secure and seamless payment processing on the E-commerce
Platform.
Email Testing and Management
 Mailtrap: Used for testing email functionalities, including password reset notifications
and product checkout messages to ensure proper email delivery and functionality.
Cart Management
 MindsCMS/LaravelShoppingCart: Used for managing shopping carts, handling product
additions, removals, updates, and order processing on the E-commerce Platform.
Image Processing
 Intervention: Used for image upload and correction, ensuring proper sizing, formatting,
and optimization of product images on the E-commerce Platform.
Social Media Sharing
 ShareThis: Used for enabling users to share the website and product pages on various
social media platforms, enhancing visibility and engagement.
Development and Testing
 ngrok: Used for establishing a secure tunnel to connect Laravel with Colab, enabling real-
time text analysis and emotion labeling of customer reviews and feedback. This
integration allows client-side reviews to be sent to a running Colab instance via an API,
facilitating dynamic labeling and storage of emotional data in the database.
26
Chapter 7
SYSTEM OVERVIEW
7.1 System Description

The proposed system is an integrated E-commerce Platform with Real-time Text Emotion
Detection capabilities designed to offer users a seamless online shopping experience while
providing businesses with valuable insights into customer emotions, preferences, and
behaviors.
7.2 System Features

 Product Catalog Management
 Shopping Cart
 Checkout Process
 Payment Gateway Integration (Aamarpay)
 User Account Management
 Real-time Text Emotion Detection in Customer Feedback and Reviews
 Admin Dashboard with Role-Based Access Control
 Reporting and Analytics
 Security and Compliance Measures
7.3 Functional Requirements

7.3.1 User Management
 User Registration and Login
 Profile Management
 Password Reset and Account Recovery
 Role-Based Access Control (Admin, Client/Customer, RBAC Administrator)
7.3.2 Product Management

 Product Listing and Search
 Product Details and Descriptions
27
 Product Categories, Subcategories, and Child Categories
 Product Variations (Color, Size)
 Product Images and Videos
 Product Recommendations (Not Implemented)
7.3.3 Shopping Cart and Checkout

 Add to Cart
 Remove from Cart
 Update Cart
 Proceed to Checkout
 Order Summary
 Order Confirmation
 Payment Options (Credit Card, Bkash/Rocket/Nagad, Hand Cash)
7.3.4 Real-time Text Emotion Detection

 Text Input for Emotion Detection
 Emotion Labeling (13 Class Emotion Detection)
 Integration with NLP and CNN Models
 Emotion Detection in Product Reviews and Web Reviews
7.3.5 Admin Dashboard

 Dashboard Overview
 User Management
 Product Management
 Order Management
 Reporting and Analytics
 Settings and Configuration
7.4 Non-Functional Requirements

7.4.1 Performance
 Response Time: < 2 seconds
28
 Concurrent Users: 1000+
 Scalability: Horizontal and Vertical Scaling
7.4.2 Security
 Data Encryption (SSL)
 User Authentication and Authorization
 Secure Payment Gateway (Aamarpay)
 Data Privacy and Compliance (GDPR, CCPA)
7.4.3 Usability
 Intuitive UI/UX Design
 Mobile Responsiveness
 Accessibility Features
 Multilingual Support
7.4.4 Reliability
 High Availability (99.9% Uptime)
 Data Backup and Recovery
 Error Handling and Logging
7.5 Constraints
 Technology Stack: Python, Ajax, jQuery, HTML/CSS, JavaScript, MySQL, Bootstrap.
 Third-Party Integrations: Aamarpay, Mailtrap, MindsCMS/LaravelShoppingCart,
Intervention, ShareThis, ngrok
29
7.6 Supplementary Documentation
7.6.1 Use Case Diagram
A use case is simple method which is used to identify and organize system requirements in
system analysis. This method is made up the possible sequences of interactions between the
systems and users in a particular goal.
7.6.2 Administrative Interface
Figure 7.1: Show administrative interface.
7.6.3 Customer Interface

Figure 7.2: Show administrative interface.
30
31
7.7 Data Flow Diagrams
7.7.1 Customer Side
Figure 7.3: Show customer side diagram.
32
7.7.2 Admin Side
Figure 7.3: Show admin side diagram.
7.7 Entity-Relationship Diagrams
An entity-relationship diagram (ERD) is a graphical representation of an information system
that shows the relationship between people, objects, places, concepts or events within that
system. In software engineering an ER model is commonly formed to represent things that a
business needs to remember in order to perform business processes. Consequently, the ER
model becomes an abstract data model that defines a data or information structure that can be
implemented in a database, typically a relational database.
33
Figure 7.4: Entity Relationship Diagram Part 1.
34
35
36
37
38
39
40
Chapter 8
IMPLEMENTATION
8.1 Implementation
In this chapter, we present the experimental result analysis of our developed system for the
Interactive E-commerce Platform with Real-time Text Emotion Detection. We provide
snapshots of every step that an admin and users can go through. The obtained results for the
platform are graphically showcased in the following sections. We aim to represent all the user
data in an efficient manner within the "Interactive E-commerce Platform with Real-time Text
Emotion Detection" application.
8.2 Home page:

This is the home page for Online Shopping website and Online Product buy, sell and add
product. In the top menu there is my account login, about us, shopping cart, compare and
Figure 8.1: Home page
41
checkout in part and in middle there is featured product part. Between top menu and middle
part there are category name of product and login or register part too. In the bottom part there
are latest products of the website given. In the footer part there are the website information
given. Figure 4.1 shows the Home page of the system.
8.2 Featured Product

Our e-commerce platform's "Feature Product" section highlights select products with:
 Color Variants: Displays available colors.
 Wishlist Option: Allows saving favorite items.
 Product View: Detailed information and images.
 Add to Cart: Quick cart addition for easy purchasing.
This section enhances user engagement and streamlines the shopping experience, promoting
sales and customer satisfaction. Figure 4.2 shows the Featured Product of the list.
Figure 8.2: Featured Product lists.
8.3 Most Popular Products

Our e-commerce platform's "Most Popular Products" section showcases:
 Trending Items: Highlights top-selling products.
 User Favorites: Displays items with high customer ratings.
 Quick View: Brief product details for easy browsing.
 Add to Cart: Immediate cart integration for seamless shopping.
This section boosts visibility for high-demand products, encouraging sales and enhancing the
overall user shopping experience.
42
Figure 8.3: Most Popular Product lists.
8.4 Add to Cart Popup

Our platform features an "Add to Cart" popup that allows users to:
 Select Options: Choose size, color, and quantity.
 Login Integration: If logged in, direct "Add to Cart" submission.
 Automatic Redirect: After selection, user is directed to the cart page for seamless
checkout.
This popup enhances user convenience by streamlining the product selection and purchase
process, leading to improved user experience and increased sales.
Figure 4.2 shows the Add to Cart Popup box.
Figure 8.4: Shows add to cart popup box without login,
43
Figure 8.5: Shows add to cart popup box with login.
8.5 Top Categories

Our platform's "Top Categories" section on the homepage displays:
 Category Listings: Showcases all main categories.
 Interactive Links: Clickable categories redirect to dedicated product pages.
 Easy Navigation: Seamless transition to view all products within the selected category.
This feature simplifies user navigation, allowing for quick access to desired product
categories and enhancing the overall browsing and shopping experience.
Figure 8.6: Shows top categories lists.
8.6 Deal of The Day

Our platform's "Deal of The Day" section on the homepage highlights:
 Daily Offers: Showcases exclusive daily deals.
 Product Display: Each deal displays product details, color variants, and Wishlist options.
 Quick Actions: Includes "Product View" and "Add to Cart" options for immediate
purchase.
44
This feature promotes time-sensitive offers, encouraging user engagement and facilitating
quick and easy purchasing decisions directly from the homepage.
Figure 8.7: Shows deal of the day product lists.
8.7 Clothing, Shoes, & Jewelry Category

The "Clothing, Shoes, & Jewelry" category is featured prominently on the homepage,
allowing:
 Dynamic Display: Admin-configurable category visibility on the homepage.
 Product Listings: Clickable category directs users to product listings.
 Detailed Product Views: Each item showcases color options, Wishlist functionality, and
quick "Add to Cart" option.
 This customizable feature empowers admins to prioritize and showcase specific
categories, enhancing user engagement and facilitating efficient product discovery and
purchasing.
Figure 8.8: Shows Clothing, Shoes, & Jewelry category product lists.
45
8.8 Campaign Management in Admin
Our platform offers a "Campaign Management" feature in the admin panel, allowing:
 Campaign Configuration: Admins can add and manage various campaigns.
 Homepage Visibility: Admins can select which campaigns appear on the homepage.
 Clickable Campaigns: Users can click on campaigns to view associated products.
 Product Features: Within each campaign, products display color options, Wishlist
functionality, and quick "Add to Cart" option.
This flexible feature enables admins to strategically showcase campaigns on the homepage,
promoting specific promotions or themes and facilitating streamlined product exploration and
purchasing for users.
Figure 8.9: Shows campaign management in product lists.
Figure 8.10: Shows campaigns to view associated products.
8.9 Trendy Product List

Our platform features a "Trendy Product List" displayed on the homepage, offering:
 Highlighting Popular Items: Curated selection of trending products.
 Single Product View: Clicking on a product lead to a detailed product page.
46
 Add to Cart: Quick option to add the product to the cart directly from the product page.
 User Comments: Ability for users to leave comments and reviews on individual products.
This interactive feature enhances user engagement by showcasing popular products and
facilitating seamless browsing, purchasing, and user feedback directly from the homepage
and product pages.
Figure 8.11: Shows campaign management in product lists
8.10 Our Brands Showcase

The "Our Brands" section on the homepage highlights:
 Brand Listings: Displays all featured brands for easy recognition.
 Brand-Specific Pages: Clicking on a brand directs users to a dedicated page showcasing
all products from that brand.
 Brand Product View: Detailed listings of products specific to the selected brand.
This feature emphasizes brand visibility, allowing users to explore and shop by their favorite
brands, thereby enhancing brand engagement and facilitating focused product discovery and
purchasing.
Figure 8.11: Shows brands showcase.
47
Figure 8.12: Shows brands to view associated products.
8.11 Our Clients Say

The "Our Clients Say" section on the homepage presents:
 User Reviews: Displays testimonials from customers with photos, dates, and ratings.
 Dynamic Sliding Display: Reviews rotate or slide to showcase multiple testimonials.
 User Profile Reviews: Users can leave web reviews on their profile pages.
This feature boosts credibility and trust by showcasing real user feedback, encouraging more
reviews, and providing a platform for users to share their experiences directly on their
profiles.
48
Figure 8.13: Shows what our clients have to say about the dynamic sliding display on the
web.
8.12 Join Our Newsletter Now
The "Join Our Newsletter Now" feature on our website allows users to:
 Subscribe Easily: Input their email address to subscribe to the newsletter.
 Stay Informed: Receive the latest updates, promotions, and news from our shop.
 Immediate Updates: Users are instantly added to the newsletter list upon submission.
This feature encourages user engagement and retention by providing a direct channel for
communication, enabling users to stay updated with the latest information, offers, and news
from our website.
Figure 8.14: Shows newsletter to receive the latest updates.
8.13 Homepage Footer Design

For any inquiries, assistance, or feedback, please feel free to reach out to us using the
following contact details:
 Address: 123 Main Street, City, State, Zip Code [Your Shop Site Address]
 Phone Number: +1 (123) 456-7890 [Your Shop Phone Number]
 Email: info@yourshop.com [Your Shop Email]
Social Media Links connected with us on social media for the latest updates, promotions, and
news:
 Facebook: [Facebook Page Link]
49
 Twitter: [Twitter Profile Link]
 WhatsApp: [WhatsApp Share Link]
The footer section on our homepage is thoughtfully designed to provide users with easy
access to essential information and account-related features. It is divided into two distinct
columns for improved clarity and navigation.
Useful Links column offers quick links to important sections of our website:
 About Us: Learn more about our company, mission, and values.
 FAQ: Find answers to commonly asked questions about our products, services, and
policies.
 Free Delivery: Discover information about our free delivery options, including shipping
policies and delivery times.
 Location: View our physical store locations, contact details, and hours of operation.
 Affiliates: Explore opportunities to become an affiliate partner and earn commissions by
promoting our products.
 Contact: Reach out to our customer service team for assistance, inquiries, or feedback.
My Account column provides convenient access to user account features and tools:
 My Account: Access your personal account dashboard to manage orders, settings, and
preferences.
 Order Tracking: Track the status of your orders in real-time and view order history.
 Wish List: Create, manage, and share your wish list of favorite products.
 Our Blog: Stay updated with the latest news, trends, and tips by visiting our blog.
 Contact Us: Easily get in touch with our customer support team for any account-related
queries or issues.
 Order Tracking: Monitor the progress of your orders and get detailed insights into
delivery status.
50
This well-organized footer design enhances user experience by categorizing and presenting
useful links and account-related information in a clear and accessible manner, facilitating
easier navigation and encouraging user engagement across our website.
Figure 8.15: Shows footer design.
8.14 Contact Us Page

Our Contact Us page is designed to provide an effortless and user-friendly experience,
tailored to both logged-in and guest users.
For Logged-In Users
 Email and Name Autofill: If you are logged in, your email and name will be automatically
filled in the contact form, streamlining the process.
For Guest Users

If you are not logged in, please fill out the following details to get in touch with us:
 Phone Number: [Enter Your Phone Number]
 Name: [Enter Your Name]

 Email: [Enter Your Email Address]
 Subject: [Enter Subject of Your Message]
 Message: [Enter Your Message Here]
We value your feedback and inquiries. Please provide us with the necessary details, and our
dedicated support team will get back to you as soon as possible to assist you further.
51
Figure 8.16: Shows contact us page.
8.15 Wishlist Page

Our Wishlist page provides a personalized space for you to save and manage your favorite
products. Here's what you can expect on this page:
Wishlist Items
 Product Date: Displays the date when the product was added to your Wishlist, allowing
you to track your preferences over time.
Action Columns
 Remove: A dedicated column with options to remove specific products from your
Wishlist, ensuring easy management and decluttering of your saved items.
 Add to Cart: An interactive column that allows you to quickly add desired products from
your Wishlist to your shopping cart, streamlining the purchasing process.
52
With these features, our Wishlist page offers a seamless and efficient way for you to curate
and shop your favorite items, making your shopping experience more enjoyable and
organized.
Figure 8.17: Shows Wishlist Page.
8.16 Shopping Cart Page

Our Shopping Cart page is designed to provide a clear and organized overview of your
selected products, allowing for easy management and checkout. Here's what you can expect
on this page:
Cart Items
 Name: Displays the product names.
 Size: Shows the selected size for each product.
 Color: Indicates the chosen color options.
 Quantity: Allows you to adjust the quantity of each item.
 Price: Displays the unit price of each product.
 Total: Calculates and displays the total price for each item based on the quantity selected.
Action Column
 Action: Provides options to update or remove individual products from your shopping
cart, ensuring flexibility and control over your selections.
Final Row
At the bottom of the Shopping Cart page, you will find two essential buttons:
53
 Empty Cart: This button allows you to remove all items from your shopping cart,
providing a quick way to start fresh or modify your selections.
 Checkout: Clicking this button will redirect you to the checkout page, where you can
review your selected products, enter shipping and payment details, and complete your
purchase.
With these features and functionalities, our Shopping Cart page offers a user-friendly and
efficient platform for managing your shopping selections, streamlining the checkout process,
and ensuring a smooth and enjoyable shopping experience.
Figure 8.18: Shows shopping cart page.
8.17 Checkout Page

Our Checkout page is designed to provide a seamless and secure shopping experience,
featuring two distinct tables to facilitate easy order processing and payment. Here's what you
can expect on this page:
Table 1: Customer Information & Payment Selection
Customer Information:
 Name: Enter your full name.
 Phone: Provide your contact phone number.
 Country: Select your country from the dropdown list.
 Address: Input your detailed address.
 Email: Enter your email address for order confirmation and updates.
54
 Zip code: Provide your postal code.
 City: Select your city from the dropdown list.
 Extra Phone: Optional field for an additional contact number.
Payment Selection:
 Credit Card: Securely enter your credit card details for payment.
 Bkash/Rocket/Nagad: Select your preferred mobile banking option for payment.
 Hand Cash: Choose this option if you prefer to pay in cash upon delivery.
 Save Button: Click this button to save your customer information and payment selection
for order processing.
Table 2: Order Summary & Coupon Code

Your Orders:
 Product: Displays the list of products you are purchasing.
 Total: Calculates and displays the total price for all selected products.
Order Summary:
 Subtotal: Shows the total price of the products before tax and shipping.
 Tax: Indicates the applicable tax percentage (if any).
 Shipping: Displays the shipping charges.
 Total: Calculates and displays the final payable amount after deductions and additions.
 Apply Coupon Code Form: Enter your coupon code in the provided field and click apply
to avail discounts and reduce the total amount payable.
With these features and functionalities, our Checkout page offers a comprehensive platform
for entering customer information, selecting payment options, reviewing order details,
applying discounts, and completing your purchase with ease and confidence.
55
Figure 8.19: Shows checkout page.
8.18 AamarPay Payment Integration

We've integrated AamarPay as our secure and efficient payment gateway, offering:
 SSL Encryption: Ensuring secure transactions.
 Multiple Payment Options: Credit cards, Bkash, Rocket, Nagad, and Cash on Delivery.
 Real-Time Notifications: Instant updates for customers and merchants.
 User-Friendly Interface: Seamless integration for a smooth checkout experience.
With AamarPay, we prioritize security, flexibility, and convenience, enhancing your shopping
experience on our website.
Figure 8.20: Shows AamarPay Payment Integration page.
56
8.19 Single Product Details Page
On our Single Product Details Page, you'll find comprehensive information about the product
you're interested in:
Product Details
 Color: Displays available color options.
 Category: Indicates the product category.
 Brand: Highlights the product's brand.
 Stock: Shows the current stock availability.
 Unit: Specifies the product unit measurement.
Additional Features
 Product Share Option: Enables easy sharing of the product with others.
 DESCRIPTION: Provides a detailed description of the product.
 ADDITIONAL INFO: Offers extra information such as materials, dimensions, etc.
 REVIEWS: Showcases customer reviews and ratings.
 Product Video: Includes a video showcasing the product in action.
Bottom Section
 Related Products: Lists similar or complementary products.
 Our Brands: Highlights the brands we offer.
 Footer: Includes essential links like About Us, FAQ, Contact, etc.
Our Single Product Details Page is designed to provide you with all the necessary
information and features to make an informed purchase decision, ensuring a seamless and
enjoyable shopping experience.
57
Figure 8.21: Shows single product details page.
8.20 Single Product Details Page with Review Option
Our Single Product Details Page features a dedicated review section to help you make
informed purchasing decisions and engage with other customers' feedback:
Review Statistics
 Total Reviews: Displays the total number of reviews for the product.
 Average Rating: Shows the average rating based on all customer reviews.
 User Review Interface
 Review Rating: Allows users to rate the product on a scale (e.g., 1 to 5 stars).
 Comment: Provides a text box for users to write their detailed reviews and comments.
Emotional Labeling with Machine Learning
 Emotion Labeling: Utilizes machine learning to analyze and label the sentiment of each
review comment (e.g., positive, negative, neutral).
 Admin Identification: Helps admin easily identify and categorize reviews based on
sentiment for efficient reading and response.
By incorporating these features, our Single Product Details Page aims to foster a transparent
and interactive shopping community, enabling customers to share their experiences, provide
valuable feedback, and help others make informed decisions while also assisting admin in
efficiently managing and responding to reviews.
58
Figure 8.22: Shows review details.
8.21 My Account Page
Our My Account page is designed to provide you with an overview of your order history and
current order status, along with additional features for enhanced user experience:
Order Summary
 Total Order: Displays the total number of orders placed by the user.
 Complete Order: Shows the number of successfully completed orders.
 Cancel Order: Indicates the count of canceled orders.
 Return Order: Displays the number of returned orders.
Recent Order Table
The Recent Order table offers detailed insights into your recent purchases:
 OrderID: Unique identifier for each order.
 Date: Date of the order placement.
 Total: Total amount spent on the order.
 Payment Type: Payment method used for the order.
 Status: Current status of the order (e.g., Processing, Shipped, Delivered).
Product Tracking System
 Order Tracking: Provides real-time tracking information for each order, allowing you to
monitor its status and estimated delivery date.
Photo Upload Option
 Photo Upload: Enables users to upload photos related to their orders (e.g., product
images, proof of delivery), enhancing communication and support interactions with
admin or customer service.
With these features, our My Account page offers a comprehensive and user-friendly platform
for managing your orders, tracking their progress, uploading relevant documents, and staying
updated on your shopping activities, ensuring a seamless and satisfying shopping experience.
59
Figure 8.23: Shows my account page.
8.22 Web Review Page

Our Web Review Page provides a platform for users to share their feedback and experiences
with our website. Please fill out the following fields to submit your review:
Review Form
Display Name:
 Input field for entering your preferred display name or initials.
 Your chosen name will be displayed alongside your review.
Write Review:
 Text area for writing your detailed review or comments about our website.
 Feel free to share your thoughts on your shopping experience, website design,
functionality, and any other aspects you'd like to mention.
Rating:
 Dropdown menu or star rating system to rate our website on a scale of 1 to 5.
 Select the number of stars that reflect your overall satisfaction with our website.
Submit Button
 Click the "Submit" button to finalize and submit your review.
 Your review will be processed and displayed on our website to help us improve and assist
other users in understanding the quality of our services.
60
Thank you for taking the time to share your feedback. We value your opinion and are
committed to continuously improving our website to enhance your shopping experience.
Figure 8.24: Shows web review page.
8.23 All Tickets Page on My Account

The All-Tickets page in your My Account section provides a comprehensive overview of all
your support tickets submitted to our customer service team. Here's what you can expect on
this page:
My All-Order Table
 Date: Displays the date when the ticket was submitted.
 Service: Indicates the type of service related to the ticket (e.g., Technical, Payment,
Affiliate, Return, Refund).
 Subject: Brief description or subject of the ticket query.
 Status: Current status of the ticket, which can be one of the following:
 Pending: Ticket is awaiting review or response from our team.
 Close: Ticket has been resolved and closed.
 Replied: Our team has responded to the ticket and is awaiting your feedback or
confirmation.
Action Column
 Action: Provides options to view the ticket details, respond to the ticket, or check the
status.
61
This All-Tickets page is designed to keep you informed about the progress and status of user
support queries, ensuring transparency and facilitating effective communication between
admin and our customer service team.
Figure 8.25: Shows all tickets page.
8.24 Ticket Details Page

Upon clicking the "View" option under the Action column on the All Tickets page, you will
be directed to the Ticket Details page. Here, you can access comprehensive information about
your support ticket and engage in a live chat with our admin to resolve your query.
Your Ticket Details
Subject:
 Displays the subject or main concern of the ticket (e.g., "Account Problem").
Service:
 Indicates the type of service related to the ticket (e.g., "Technical").
Priority:
 Highlights the priority level assigned to the ticket (e.g., "Medium").
Message:
 Provides a detailed description of the issue or concern you've raised (e.g., "I sometimes
get automatically logged out from my shop site").
Live Chat with Admin
Chat Interface:
62
 Features a chat window where you can communicate directly with our admin to discuss
and resolve your concerns in real-time.
Send Message Button:
 Enables you to send messages or updates to the admin regarding the ticket.
Attachment Option:
 Allows you to upload any relevant screenshots or files to provide additional context or
evidence related to your issue.
The Ticket Details page is designed to streamline the support process, ensuring prompt and
effective communication between you and our customer service team to address and resolve
your concerns efficiently.
Figure 8.25: Shows ticket details page.
8.25 Login Page

Welcome to our Login Page! Please enter your credentials to access your account and enjoy a
personalized shopping experience.
Login Form
Email Address:
 Input field for entering your registered email address.
63
Password:
 Input field for entering your password.
Forgot Password?
 Link to reset your password if you've forgotten it.
Action Buttons
Login Button:
 Click this button to submit your login details and access your account.
Sign up now:
 Link to register and create a new account if you don't have one yet.
Security Features
Remember Me:
 Checkbox option to remember your login credentials for future visits (optional).
By logging in, you agree to our Terms and Conditions and Privacy Policy. Thank you for
choosing us for your online shopping needs!

Figure 8.26: Shows login page.
8.26 Create an Account Page

Welcome to our Create an Account Page! Register now to unlock a world of exclusive deals,
personalized recommendations, and seamless shopping experiences.
Account Registration Form
64
Choose Photo:
 Upload option to set a profile picture for your account (optional).
Name:
 Input field for entering your full name.
Email Address:
 Input field for entering a valid email address. This will also serve as your username for
logging in.
Password:
 Input field for creating a secure password to protect your account.
Confirm Password:
 Input field to re-enter and confirm your chosen password for verification.
Action Button
Register Button:
 Click this button to submit your registration details and create your new account.
Additional Information
Already have an account?
 Link to our Login page for existing users to access their accounts.
By registering, you agree to our Terms and Conditions and Privacy Policy.
65
Figure 4.27: Shows create an account page.
8.27 Reset Password Page

Forgot your password? No worries! You can easily reset it here. Please follow the steps below
to regain access to your account:
Reset Password Form
Email Address:
 Input field for entering the email address associated with your account.
OTP (One-Time Password):
 Once you submit your email, an OTP will be sent to your registered email address for
verification. Please enter the OTP here to proceed with the password reset.
New Password:
 Input field for creating a new secure password.
Confirm New Password:
 Input field to re-enter and confirm your new password for verification.
Action Buttons
Send OTP Button:
 Click this button to generate and send an OTP to your registered email address via
Mailtrap for verification.
Reset Password Button:
 Click this button to submit your new password and complete the reset process.
Additional Information
Remember your password?
 Link to our Login page for existing users to access their accounts.
66
Figure 8.28: Shows reset password page.
8.28 Product Search Page

Welcome to our Product Search Page! Use the search bar below to find products based on
their name or description. Our advanced full-text search engine will display all matching
products to help you find exactly what you're looking for.
Search Form
Search Bar:
 Input field where you can enter keywords related to the product name or description.
 Action Button
Search Button:
 Click this button to initiate the search and display matching products.
 Search Results
After clicking the search button, you will be directed to the Search Results Page, where
you'll find:
Matching Products:
 A list of all products that match your search query, sorted based on relevance.
Product Details:
 For each matching product, you can view its name, description, price, and other relevant
information.
67
Figure 8.29: Shows search bar.
Figure 8.30: Shows product search page.
8.29 Admin Sidebar Overview

The sidebar of the Interactive E-commerce Platform with Real-time Text Emotion Detection
is designed to provide easy navigation for both administrators and users. Below is a detailed
breakdown of the sidebar functionalities:
Main Navigation:
 Dashboard: Overview of the platform's performance and analytics.
Category Management:
 Category: Add, edit, and manage main product categories.
 Sub Category: Subcategories under the main category.
 Child Category: Further classification under subcategories.
 Brand: Manage product brands.
 Warehouse: Track and manage product inventory locations.
Product Management:
 New Product: Add new products to the platform.
 Manage Product: Edit, update, and monitor existing products.
Offer Management:
 Coupon: Create and manage discount coupons.
 E Campaign: Run and track marketing campaigns.
68
Order Management:
 Orders: View and manage customer orders and delivery status.
Blog Management:
 Category: Organize and categorize blog posts.
 Blog: Create, edit, and publish blog content.
Pickup Point:
 Pickup Point: Manage pickup locations for customer convenience.
Customer Support:
 Ticket: Address and resolve customer queries and issues.
Reporting:
 Order Report: Generate and view order-related reports.
 Product Review Report: Analyze and report on product reviews.
 Web Review Report: Monitor and analyze website reviews.
Settings:
 SEO Setting: Optimize website for search engines.
 Website Setting: Manage general website settings.
 Page Create: Create and manage website pages.
 SMTP Setting: Configure email settings.
 Payment Gateway: Set up and manage payment methods.
 Profile: Update and manage admin profile settings.
User Role Management:
 Create New Role: Define new user roles and permissions.
 Manage Role: Edit and update existing user roles and permissions.
The sidebar provides an intuitive and comprehensive navigation system, enabling efficient
management of the Interactive E-commerce Platform with Real-time Text Emotion Detection.
69
Figure 8.31: Shows Admin Sidebar page.
8.30 Navbar Components Overview

Sidebar Toggle Button:
 Icon: align-justify
 Function: Toggles the sidebar on and off.
Fullscreen Button:
 Icon: maximize
 Function: Toggles the fullscreen mode on and off.
User Dropdown:
 Displays the user's profile picture and name.
 Options:
 Displays the user's profile picture and name.
 Options:
 Profile: Redirects to the profile setting page.
 Logout: Logs the user out from the website.
70
Figure 8.32: Shows navbar components.
8.31 Admin Dashboard Overview

The dashboard provides a comprehensive overview of various aspects of the system. Here's a
breakdown of the key sections and their functionalities:
Total Product Statistics:
 Displays the total number of products, active products, and inactive products.
 Provides a visual representation of product statistics.
Customer Statistics:
 Shows the total number of customers.
 Includes visual representations for customer statistics.
Category and Brand Statistics:
 Displays the total number of categories and brands.
 Visual representations are provided for both categories and brands.
Support Tickets and Reviews:
 Shows the number of pending support tickets and product reviews.
 Allows quick monitoring of pending support tickets and product reviews.
Coupon and Subscriber Count:
 Displays the total number of coupons and subscribers.
 Provides insights into coupon usage and subscriber base.
Order Status Overview:
 Provides a summary of the latest orders with their respective statuses.
 Allows quick identification of order status for efficient management.
Latest Customers:
 Displays the most recent customers who have signed up.
 Allows administrators to monitor new member registrations.
71
Figure 8.33: Shows admin dashboard page.
Most Viewed Products:

 Shows the most viewed products with their respective view counts and prices.
 Helps in identifying popular products among users.
8.32 Category Page Overview

1. Main Features:
Category List Section:
 Shows a list of all categories.
 Columns in the list:
 SL: Serial number
 Category Name: Name of the category
 Category Slug: URL-friendly version of the category name
 Icon: Picture representing the category
 Home Page: Indicates if the category is displayed on the homepage.
 Action: Edit and Delete buttons for each category.
Add New Button:
 Clicking this button opens a window where you can add a new category.
2. Modals (Pop-up Windows):

Add New Category Window:
 Title: Add New Category
 Input fields:
 Category Name: Type the name of the new category here
 Category Icon: Upload a picture to represent the category
 Show on Homepage: Choose whether to display this category on the homepage or not.
Edit Category Window:
 Title: Edit Category
 Input fields:
 Category Name: Change the name of the category
 Category Icon: Upload a new picture or keep the existing one
72
 Show on Homepage: Choose whether to display this category on the homepage or
not.
To manage categories, click "+ Add New" to create a new category or edit an existing one.
The "Home Page" column indicates which categories are displayed on the homepage. If there
are more than 10 categories, they will be displayed across multiple pages, and you can
navigate through them using the paging system at the bottom. Use the search bar to find
specific categories. Additionally, you can download the entire category list in CSV, Excel, or
PDF format, and print the list by clicking on the respective buttons.
73
Figure 8.34: Shows category page.
8.33 Sub Category Page Overview

Adding a New Sub-Category:
 Click "+ Add New."
 Choose the category from the dropdown menu.
 Enter the sub-category name.
 Click "Submit."
Editing a Sub-Category:
 Find the sub-category in the list.
 Click the edit button (pencil icon).
 Change the category or sub-category name if needed.
 Click "Update."
Viewing and Managing Sub-Categories:
 The table shows sub-category details, including the name, slug, and the category it
belongs to.
 Use the search bar to find a specific sub-category.
 Navigate through multiple pages using the paging system at the bottom.
 Download the sub-category list in CSV, Excel, or PDF format or print it using the
respective buttons.
To manage sub-categories, click "+ Add New" to create a new sub-category or edit an
existing one. Here sees which category a sub-category belongs to in the "Category Name"
74
column. If there are more than 10 sub-categories, they will be displayed across multiple
pages, and you can navigate through them using the paging system at the bottom. Use the
search bar to find specific sub-categories. Additionally, you can download the entire sub-
category list in CSV, Excel, or PDF format, and print the list by clicking on the respective
buttons.
Figure 8.35: Shows subcategory page.
8.34 Child Category Page Overview

Adding a New Child Category:
 Select the relevant sub-category from the dropdown menu.
 Enter the child category name.
 Click "Submit."
Editing a Child Category:
 Find the child category in the list.
 Change the sub-category or child category name if needed.
 Click "Update."
Viewing and Managing Child Categories:
 The table displays child category details, including the name, its parent sub-category,
and the main category it belongs to.
 Use the search bar to find a specific child category.
75
 Download the child category list in CSV, Excel, or PDF format or print it using the
respective buttons.
To manage child categories, click "+ Add New" to create a new child category or edit an
existing one. Here, you can see which sub-category a child category belongs to under the
"SubCategory Name" column. If there are more than 10 child categories, they will be
displayed across multiple pages. Navigate through them using the paging system at the
bottom. Use the search bar to find specific child categories. Additionally, you can download
the entire child category list in CSV, Excel, or PDF format, and print the list by clicking on
the respective buttons.
Figure 8.37: Shows child category page.
8.35 Brand Page Overview

Adding a New Brand:
76
 Enter the brand name.
 Upload the brand logo.
 Select "Yes" if you want the brand to be displayed on the home page; otherwise, select
"No."
 Click "Submit."
Editing a Brand:
 Find the brand in the list.
 Update the brand name, logo, or home page display preference if needed.
 Click "Update."
Viewing and Managing Brands:
 The table shows brand details, including the name, slug, logo, and its visibility on the
home page.
 Use the search bar to find a specific brand.
 Download the brand list in CSV, Excel, or PDF format or print it using the respective
buttons.
77
Figure 8.37: Shows brand page.
8.36 Warehouse Page Overview
Adding a New Warehouse:
 Enter the warehouse name.
 Provide the warehouse address.
 Enter the warehouse phone number.
 Click "Submit."
Editing a Warehouse:
 Find the warehouse in the list.
 Update the warehouse name, address, or phone number if needed.
 Click "Update."
Viewing and Managing Warehouses:
 The table displays warehouse details, including the name, address, and phone number.
 Use the search bar to find a specific warehouse.
 Download the warehouse list in CSV, Excel, or PDF format or print it using the
respective buttons.
78
Figure 8.37: Shows warehouse page.
8.37 Product Page Overview

Adding a New Product:
 Fill in the product details like name, category, brand, warehouse, and status.
 Click "Submit."
Editing a Product:
 Find the product in the list.
 Click the edit button.
 Update the product details as needed.
 Click "Update."
Viewing and Managing Products:
 The table shows the product details, including the name, category, subcategory, brand,
and various statuses.
 Use the search bar to find a specific product.
79
 Filter products by category, brand, warehouse, status, and slider using the dropdown
menus.
 Activate or deactivate features like featured products, today's deal, and product slider
using the respective buttons.

 Actions: Each product has action buttons for quick viewing and editing:
 Quick View: Click the eye icon to view a quick preview.
 Edit: Click the pencil icon to edit the product details.
 Delete: Click the trash icon to delete the product.
 Download the product list in CSV, Excel, or PDF format or print it using the
respective buttons.
80
Figure 8.38: Shows product add page.
Figure 8.39: Shows product manage page.
81
Figure 8.40: Shows product update page.
Figure 8.41: Shows product view popup page.
8.38 Coupons Page Overview

Adding a New Coupon:
 Fill in the coupon details:
 Coupon Title: Enter the name of the coupon.
 Start Date: Choose the start date of the coupon.
 End Date: Choose the end date of the coupon.
 Status: Select whether the coupon is Active or Inactive.
 Discount (%): Enter the discount percentage applicable for all product selling
prices.
 Coupon Image: Upload an image for the coupon.
 Click "Submit."
Editing a Coupon:
 Find the coupon in the list.
 Update the coupon details as needed:
 Coupon Title
 Start Date
 End Date
 Status
 Discount (%)
 Coupon Image
82
 Click "Update."
Viewing and Managing Coupons:

 The table displays the coupon details, including the start date, end date, title, image,
discount percentage, and status.
 Use the search bar to find a specific coupon.
 Actions: Each coupon has action buttons for quick viewing and editing:
 Edit: Click the pencil icon to edit the coupon details.
 Delete: Click the trash icon to delete the coupon.
 Download the coupon list in CSV, Excel, or PDF format or print it using the
respective buttons.
Figure 8.42: Shows coupon page.
83
Figure 8.43: Shows coupon add and edit page.
84
8.39 Campaign Page Overview
8.39.1 Campaign Page:
Adding a New Campaign:
 Fill in the campaign details:
 Campaign Title: Enter the name of the campaign.
 Start Date: Select the start date of the campaign.
 End Date: Select the end date of the campaign.
 Status: Choose whether the campaign is Active or Inactive.
 Discount (%): Enter the discount percentage applied to all product selling prices.
 Campaign Image: Upload an image for the campaign.
 Click "Submit."
Editing a Campaign:
 Locate the campaign in the list.
 Update the campaign details as required:
 Campaign Title
 Start Date
 End Date
 Status
 Discount (%)
 Campaign Image
 Click "Update."
8.39.2 Viewing and Managing Campaigns:
 The table displays the campaign details, including the start date, end date, title, image,
discount percentage, and status.
 Use the search bar to find a specific campaign.
 Actions: Each campaign has action buttons for quick viewing and editing:
 Edit: Click the pencil icon to edit the campaign details.
 Delete: Click the trash icon to delete the campaign.
85
Figure 8.44: Shows campaign page.
Figure 8.45: Shows add campaign popup page.

Figure 8.45: Shows edit campaign popup page
8.40 Order Page Overview

8.40.1 All Orders
Filter Options:
 Payment Type: Dropdown to filter by payment method (All, Hand Cash, Aamarpay,
Paypal)
 Date: Date picker to filter orders by date
86
 Status: Dropdown to filter by order status (All, Pending, Received, Shipped,
Completed, Return, Cancel)
8.40.2 Order List
Columns:
 SL: Serial Number
 Name: Customer Name
 Phone: Customer Phone Number
 Email: Customer Email
 Subtotal: Order Subtotal (currency symbol)
 Total: Order Total (currency symbol)
 Payment Type: Payment method used
 Date: Order date
 Status: Order status
 Action: View, Edit, Delete buttons
Modal Popups:
 Edit Pickup Point: Opens when the edit button is clicked. It allows you to edit the
order details.
 Order Details: Opens when the view button is clicked. It shows detailed information
about the order.
Figure 8.46: Displays the list of orders with the mentioned columns and filters applied.
87
Order Status Badges:
 Pending: Red badge
 Received: Blue badge
 Shipped: Info badge
 Completed: Green badge
 Return: Yellow badge
 Cancel: Red badge
Actions:
 View: Opens a detailed view of the order
 Edit: Allows editing the order details
 Delete: Deletes the order
8.40.3 Order Details

Order Information
 Name: [Customer Name]
 Phone: [Customer Phone]
 Email: [Customer Email]
 Country: [Customer Country]
 City: [Customer City]
 Zipcode: [Customer Zipcode]
 OrderID: [Order ID]
 Subtotal: [Subtotal Amount] [Currency]
 Total: [Total Amount] [Currency]
88
Figure 8.47: Displays order details popup page.
8.40.4 Edit Pickup Point

Current Pickup Point:
 Name: [Current Pickup Point Name]
 Address: [Current Pickup Point Address]
 City: [Current Pickup Point City]
 Contact: [Current Pickup Point Contact Number]

Figure 8.48: Displays update pickup point popup page.
Actions:
 Update Pickup Point: button to update selected pickup point
The "Edit Pickup Point" section allows admin to update the pickup point details. At the top,
admin will find the "Current Pickup Point" section, which displays the details of the currently
selected pickup point, including its name, address, city, and contact number.
89
8.41 Pickup Point Page Overview
Pickup Point List
This page displays a list of pickup points.
 Pickup Point Name: Name of the pickup point.
 Address: Address of the pickup point.
 Phone: Contact phone number of the pickup point.
 Another Phone: Secondary contact phone number of the pickup point.
Actions
 Add New: Click this button to add a new pickup point.
 Edit: Click the edit icon to update the pickup point details.
 Delete: Click the delete icon to remove the pickup point.
Figure 8.49: Displays pickup point page.

Add New Pickup Point
To add a new pickup point, click the "+ Add New" button and fill out the following details:
 Pickup Point Name: Enter the name of the new pickup point.
 Address: Enter the address of the new pickup point.
 Phone: Enter the contact phone number of the new pickup point.
 Another Phone: (Optional) Enter the secondary contact phone number of the new
pickup point.
90
Figure 8.50: Displays add pickup point popup page.
Edit Pickup Point
To edit a pickup point:
 Click the "Edit" icon next to the pickup point you want to update.
 Update the details in the popup modal.
 Click the "Update" button to save the changes.
91
Figure 8.51: Displays edit pickup point popup page.
Delete Pickup Point
To delete a pickup point:
 Click the "Delete" icon next to the pickup point you want to remove.
 Confirm the deletion in the confirmation popup.
This page uses ytable to handle a large amount of data efficiently, allowing you to easily
manage and view the pickup points.
8.42 Ticket Page Overview

8.42.1 Ticket List
This page displays a list of tickets submitted by users. You can filter the tickets based on:
 Ticket Type: Select the type of ticket you want to view Technical, Payment, Affiliate,
Return, Refund.
 Status: Select the status of the ticket (e.g., Pending, Replied, Closed).
 Date: Select a specific date to filter the tickets.

Figure 8.52: Shows the details of all the tickets.
Actions
 View: Click the "View" button to see the details of a specific ticket.
 Delete: Click the "Delete" button to remove a ticket.
8.42.2 Ticket Details

User Details
 User: The name of the user who submitted the ticket.
 Subject: The subject of the ticket.
 Service: The service related to the ticket.
92
 Priority: The priority level of the ticket.
 Message: The message or description provided by the user.
Ticket Reply
 Reply Ticket Message: Enter your reply to the ticket here.
 Image: Optionally, you can attach an image to your reply.
Replies
 All the replies related to the ticket will be displayed here.
Actions
 Reply Message: Click the "Reply Message" button to send your reply.
 Close Ticket: Click the "Close Ticket" button to mark the ticket as closed.
Figure 8.53: Shows ticket reply page.
This page uses ytable to efficiently handle a large amount of data, making it easier to manage
and view the tickets.
8.43 All Orders Report Page Overview

This page displays a list of all the orders. You can filter the orders based on:
 Payment Type: Select the payment method used for the orders (Hand Cash,
Aamarpay).
 Date: Choose a specific date to filter the orders.
 Status: Filter the orders based on their current status (e.g., Pending, Received,
Shipped, Completed, Return, Cancel).
93
Figure 8.54: Shows all orders report page.
Actions
 Print: Click the "Print" button to print the filtered orders.
Figure 8.55: Shows all orders print report page.
94
This page utilizes ytable to efficiently manage and display a large amount of data, making it
easier for you to view and analyze the orders.
95
8.44 All Product Review Report Page Overview
The "All Product Review" page displays a comprehensive list of product reviews submitted
by users. This review system also employs machine learning to label the 'Predicted Emotion'
column based on the content of the review, identifying the emotion conveyed by the reviewer.
Filters
Here can filter the reviews based on the predicted emotion. The available options for the
'Predicted Emotion' filter are Anger, Boredom, Empty, Enthusiasm, Fun, Happiness, Hate,
Love, Neutral, Relief, Sadness, Surprise, and Worry.
Review List Table
 User Photo: Displays the user's profile photo.
 User: The email of the user who submitted the review.
 Product Name: The name of the product being reviewed.
 Review: The text of the review.
 Rating: The rating given by the user.
 Predicted Emotion: The emotion predicted by the machine learning model based on
the review content.
 Review Date: The date the review was submitted.
 Review Month: The month of the review submission.
 Review Year: The year of the review submission.
Figure 8.56: Shows all product review report page.
96
Actions
 Print: Click the "Print" button to print the filtered reviews.

Figure 8.57: Shows all product review print report page.
The table utilizes ytable to efficiently handle and display a large amount of review data,
making it easier to view and analyze the reviews.
8.45 All Web Review Report Page Overview

The "All Web Review" page provides a detailed list of web reviews submitted by users. The
reviews are labeled with a predicted emotion, determined using machine learning-based
emotion detection.
Filters
On the "All Web Review" page, you have the option to filter the reviews based on the
predicted emotion. The available emotions for filtering include Anger, Boredom, Empty,
Enthusiasm, Fun, Happiness, Hate, Love, Neutral, Relief, Sadness, Surprise, and Worry.
Review List Table
 User Photo: The profile photo of the user.
 User Name: The name of the user who submitted the review.
97
 User Email: The email address of the user.
 Web Review: The text of the web review.
 Rating: The rating given by the user.
 Predicted Emotion: The emotion predicted by the machine learning model based on
the review content.
 Review Date: The date the review was submitted.

Figure 8.58: Shows all web review report page.
Actions
 Print: Click the "Print" button to print the filtered reviews.
98
Figure 8.59: Shows all web review print report page.
The table uses ytable to efficiently handle a large amount of review data, making it easier to
view and analyze the reviews.
8.46 SEO Settings Overview

On the Admin Dashboard, you can manage your website's SEO settings to optimize its
visibility on search engines. The following settings are available for customization:
 Meta Title: This is the title that appears on search engine results pages (SERPs) and
browser tabs. It should accurately describe the content of the webpage.
 Meta Author: This is the name of the author or the organization responsible for the
content of the webpage.
 Meta Tags: These are keywords that describe the content of the webpage. They are
used by search engines to understand the topic of the page.
 Meta Keyword: These are specific keywords related to the content of the webpage,
helping search engines to categorize and rank the page.
 Meta Description: A brief summary of the webpage's content. It is displayed below
the title in search engine results and can influence click-through rates.
99
 Google Verification: This is where you can input the verification code provided by
Google to verify ownership of your website.
 Alexa Verification: Similarly, this is where you can input the verification code
provided by Alexa for website ownership verification.
 Google Analytics: This is where you can input the Google Analytics tracking code to
monitor website traffic and user behavior.
 Google Adsense: This is where you can input the Google AdSense code to display
ads on your website and generate revenue.
100
Figure 8.60: Shows SEO settings page.
101
8.47 Website Setting Overview
In the Admin Dashboard, you can manage various settings related to your website:
Currency
You can set the default currency for your website. Options include Taka (৳), USD ($), and
Rupee (₹).
Contact Information
 Phone One: The primary contact number for your website.
 Phone Two: An additional contact number for your website.
 Main Email: The primary email address for customer inquiries.
 Support Email: The email address specifically for customer support.
 Address: The physical address of your business or organization.
Social Media Links
You can enter the URLs of your social media profiles to link them to your website. Platforms
supported include Facebook, Twitter, Instagram, Linkedin, and YouTube.
Logo & Favicon
 Main Logo: Upload or update the main logo of your website.
 Favicon: Upload or update the favicon, the small icon displayed in the browser tab.
Figure 8.61: Shows website setting page
102
8.48 All Pages Overview
In this section, here can see a list of all the pages currently created on your website. The list
includes:
 SL: The serial number of the page.
 Page Name: The name of the page as it appears on the website.
 Page Title: The title of the page.
Here can also perform the following actions for each page:
 Edit: Click on the edit button (pencil icon) to modify the details of a specific page.
 Delete: Click on the delete button (trash icon) to remove a page from the list.
Figure 8.62: Shows All Pages page.

Add New Page
By clicking the "+ Add New" button, you can create a new page. When adding a new page,
you need to provide:
 Page Position: Choose whether the page should appear on Line One or Line Two of
the website.
 Page Name: Enter the name of the new page.
 Page Title: Provide a title for the new page.
 Page Description: Write a description that will be displayed on the webpage.
103
Figure 8.63: Shows add new page.
Update Page
To update an existing page, click on the edit button next to the respective page on the All-
Pages list. Here can modify the following details:
 Page Position: Change the position of the page to Line One or Line Two.
 Page Name: Edit the name of the page.
 Page Title: Update the title of the page.
 Page Description: Modify the description that appears on the webpage.

Figure 8.64: Shows update page.
8.49 SMTP Mail Settings Overview

In this section, you can configure the SMTP (Simple Mail Transfer Protocol) settings for
sending emails from your application.
Mail Mailer
 Description: Specifies the mailer that will be used for sending emails.
 Example: If you are using Mailtrap, enter smtp.
Mail Host
 Description: The host name of the email server.
 Example: If you are using Mailtrap, the host name is smtp.mailtrap.io.
Mail Port
 Description: The port number for the email server.
 Example: If you are using Mailtrap, the port number is 2525.
104
Mail Username
 Description: Your email address or username used to authenticate with the email
server.
 Example: If you are using Mailtrap, enter the username provided by Mailtrap.
Mail Password
 Description: Your password used to authenticate with the email server.
 Example: If you are using Mailtrap, enter the password provided by Mailtrap.
Figure 8.65: Shows SMTP mail settings page.
105
8.50 Payment Gateway Settings Overview
The Aamarpay payment gateway integration is vital for facilitating online payments within
our application. Properly setting up the gateway ensures secure and seamless transactions.
1. StoreID:
 Purpose: The StoreID serves as a unique identifier for your Aamarpay account,
linking your application to the Aamarpay payment system.

 Input:
 Type: Text
 Example: Enter the StoreID provided by Aamarpay.
2. Signature KEY:
 Purpose: The Signature KEY is a confidential key that ensures secure data exchange
between our application and Aamarpay.
106
 Input:
 Type: Text
 Example: Enter the Signature KEY provided by Aamarpay.
3. Live Server Option:
 Purpose:
 Checkbox:
 Enables the live server when checked.
 Operates in sandbox mode when unchecked (for testing).
By filling out these fields with the correct information from our Aamarpay account, we can
enable the Aamarpay payment gateway for our application.
Figure 8.65: Shows payment gateway settings page.
107
8.51 Admin Profile Page Overview
8.51.1 Profile Settings
Introduction: The profile settings page allows the admin to manage and update their personal
information and profile picture.
Figure 8.66: Shows profile setting page.

1. Profile Picture:
 Purpose:
 Display the current profile picture.
 Allows for uploading a new profile picture.
 Actions:
 Click the edit icon to choose a new profile picture from your device.
 Supported formats: JPEG, PNG.
2. Username:
 Purpose:
 Display the current admin username.
 Allows for updating the admin username.
 Input:
 Text field to enter the new username.
3. Email:
 Purpose:
 Display the current admin email address.
 Allows for updating the admin email.
108
 Input:
 Text field to enter the new email address.
4. Update Button:
 Purpose:
 Save the changes made to the profile settings.
8.52.2 Change Password Section

This section allows the admin to change their account password for enhanced security.
1. Current Password:
 Purpose:
 Input field to enter the current admin password for verification.
2. New Password:
 Purpose:
 Input field to enter the new admin password.
3. Confirm Password:
 Purpose:
 Input field to re-enter the new password for confirmation.
4. Update Password Button:
 Purpose:
 Save the new password changes
8.52 Admin Role Management Overview

The Admin Role Management system is designed to manage roles for admin users in the
system. Each role can have specific permissions to perform various tasks within the system.
This system is essential for managing user access and maintaining security within the
application.
User Role
 View All Roles
 Displays a list of all admin users with their respective roles and permissions.
 Provides options to edit or delete each role.
 Add New Role
 Allows the admin to create a new role by specifying the user's name, email, and
permissions for different functionalities.
109
 Edit Role
 Enables the admin to modify the permissions of an existing role.
 Delete Role
 Allows the admin to delete a role from the system.
New Role Permissions
The system supports the following permissions:
 Category: Allows the admin to manage categories.
 Product: Allows the admin to manage products.
 Offer: Allows the admin to manage offers.
 Order: Allows the admin to manage orders.
 Blog: Allows the admin to manage blog posts.
 Pickup: Allows the admin to manage pickup points.
 Ticket: Allows the admin to manage tickets.
 Contact: Allows the admin to manage contact information.
 Report: Allows the admin to generate and view reports.
 Setting: Allows the admin to manage system settings.
 UserRole: Allows the admin to manage user roles.
By following these steps, the admin can effectively manage roles and permissions for the
system's users, ensuring proper access control and security.
Figure 8.67: Shows new role page.
Figure 8.68: Shows user role page.
110
Chapter 9
METHODOLOGY
9.1 Methodology
In this section, we will delve into the methodology employed for the sentiment analysis
project. We will discuss the project structure, hyperparameters used, model description, and
conclude with an analysis of the project's performance.
9.2 Project Structure

The sentiment analysis project is organized as follows:
Google Colab Environment
 Mounted Drive: /content/drive/MyDrive/Emotion/
 Dataset/: Kaggle dataset with 839,556 rows, 'text', and 'Emotion' columns.
 Notebooks/: sentiment_analysis for data preprocessing, model training, and evaluation.
 Models/ (Optional): Directory to save the trained model.
Figure 9.1: Shows preprocessing of the dataset.
9.3 Hyperparameters
The hyperparameters used in the project are:
Tokenizer Parameters:
 num_words: 5000
 oov_token: '<OOV>'
Sequence Padding Parameters:
111
 max_length: 100
 padding: 'post'
Convolutional Neural Network (CNN) Model Parameters:
 embedding_dim: 50
 Conv1D: 128 filters, kernel size 5, activation 'relu'
 GlobalMaxPooling1D
 Dense: Two dense layers with 64 and 13_classes units respectively, activation 'relu' for
the first layer and 'softmax' for the second layer.
Training Parameters:
 epochs: 10
 batch_size: 32
9.4 Model Description

The sentiment analysis model is a Convolutional Neural Network (CNN) designed to classify
text data into different emotion categories. The model architecture is as follows:
1. Embedding Layer: Transforms input sequences into dense vectors of fixed size
(embedding_dim).
2. Conv1D Layer: Applies 128 filters of size 5 to capture local patterns in the text data.
3. GlobalMaxPooling1D Layer: Extracts the most important features from the convolutional
layer's output.
4. Dense Layers:
 First Dense layer with 64 units and 'relu' activation function.
 Final Dense layer with 13_classes units and 'softmax' activation function for multi-
class classification.The model is compiled with a sparse_categorical_crossentropy
loss function, 'adam' optimizer, and 'accuracy' metric.
112
Figure 9.2: Shows Model diagram.
9.5 Project Analysis

The model achieved impressive results on the test dataset:
 Test Loss: 0.0361
 Test Accuracy: 99.71%
The training history indicates that the model's accuracy steadily improves with each epoch,
reaching a peak accuracy of 99.87% on the training data. This suggests that the model has
effectively learned the underlying patterns in the text data and can accurately classify
emotions based on the input text.
113
Chapter 10
RESULT
10.1 Result
Our model exhibits the following training and validation results:
1. Training accuracy: The training accuracy of the model reaches approximately 99.87% by
the 10th epoch.
2. Validation accuracy: The validation accuracy of the model is approximately 99.71% by
the end of training.
3. Training loss: The training loss consistently decreases with each epoch, indicating that the
model is learning the underlying patterns in the text data effectively. This reduction in loss
demonstrates that the model's performance improves over time, leading to higher accuracy in
classifying emotions from text.
4. Validation loss: The validation loss also decreases initially, indicating that the model
generalizes well to unseen data. However, it slightly increases towards the end of the training,
which may suggest a potential overfitting tendency or the need for further optimization.
Figure 10.1: Accuracy and Validation accuracy plot.
114
10.2 Accuracy and Validation Accuracy
The accuracy and validation accuracy metrics provide insights into the performance and
generalization capabilities of the sentiment analysis model.
Accuracy: The training accuracy consistently improves with each epoch, reaching a peak of
99.87% by the 10th epoch. This indicates that the model is effectively learning the patterns in
the training data and is performing exceptionally well.
Validation Accuracy: The validation accuracy also demonstrates a similar trend, starting
from 99.41% in the 1st epoch and reaching 99.71% by the 10th epoch. This suggests that the
model is generalizing well to unseen data, confirming its robustness and reliability.
The high accuracy and validation accuracy metrics highlight the effectiveness of the CNN-
based sentiment analysis model in classifying emotions from text data with precision and
consistency.
10.3 Receiver Operating Characteristic (ROC) Curve

The Receiver Operating Characteristic (ROC) curve Figure 7.2 is a graphical representation
that illustrates the performance of a classification model across various thresholds. The Area
Under the Curve (AUC) provides a metric to evaluate the model's ability to distinguish
between different classes.
Figure 10.2: ROC curve plot.
115
ROC Area: 1.0 (for all 13 classes)
An ROC Area of 1.0 indicates perfect performance for all 13 classes in the sentiment analysis
model. This suggests that the model has an excellent ability to differentiate between the
different emotions in the dataset without any false positives or false negatives across various
thresholds.
The high ROC Area score reaffirms the robustness and accuracy of the CNN-based sentiment
analysis model in classifying emotions from text data. It demonstrates that the model's
predictions are highly reliable and consistent across all emotion categories, making it a highly
effective tool for sentiment analysis tasks.
10.4 Confusion Matrix

A Confusion Matrix is a table that is often used to describe the performance of a classification
model on a set of test data for which the true values are known. It allows visualization of the
performance of an algorithm across multiple classes.
Figure 10.3: Confusion Matrix plot.
116
Correct Predictions: All values in the Confusion Matrix indicate maximum correct
predictions for the 13 classes.
The Confusion Matrix results further corroborate the high performance of the CNN-based
sentiment analysis model. Achieving maximum correct predictions across all 13 classes
implies that the model's classification accuracy is exceptional, and it effectively distinguishes
and categorizes each emotion in the dataset with high precision.
10.5 Classification Report

The following table presents the performance metrics of the multi-class classification model:
Table 10.1: Classification Report
Emotion Precision Recall F1-Score Support
anger 1.00 0.98 0.99 2489
boredom 0.77 0.95 0.85 21
empty 1.00 0.98 0.99 1096
enthusiasm 0.98 0.99 0.99 1839
fun 0.98 0.98 0.98 1977
happiness 1.00 0.99 1.00 5370
hate 1.00 0.99 1.00 3018
love 1.00 1.00 1.00 8001
neutral 1.00 1.00 1.00 134999
relief 1.00 0.97 0.98 3396
sadness 0.99 0.99 0.99 3428
surprise 0.99 0.98 0.99 1372
worry 1.00 1.00 1.00 905
Overall Metrics
 Accuracy: 1.00
 Macro Avg:
 Precision: 0.98
 Recall: 0.98
 F1-Score: 0.98
 Weighted Avg:
 Precision: 1.00
 Recall: 1.00
 F1-Score: 1.00
117
Precision:
True Positives
Precision=
True Positives+ False Positives
The model has high precision for most classes, indicating that when it predicts a particular
emotion, it is likely to be correct.
Recall:
True Positives
Recall=
True Positives+ False Negatives
The model's recall is also high, meaning it can identify most of the instances of each emotion
correctly.
F1-Score:
Precision x Recall
F 1−Score=2 x
Precision+ Recall
The F1-score is high across all classes, showing an excellent balance between precision and
recall.
Support:
The support varies across classes, indicating the actual number of instances of each emotion
in the test dataset.
The model demonstrates excellent generalization to the unseen data, with a weighted average
F1-score and accuracy of 1.00, which is indicative of a well-performing model.
118
Chapter 11
TESTING
11.1 Testing
The Software testing is an investigation conducted to provide the stakeholders with the
information about the quality of the product or service under to test. After testing of the
software can also provide an objective, independent view of the software to allow the
business to appreciate and understand the risks of software implementation.
11.1 Objectives of Testing

There have some different goals and objectives in software testing. The main objectives are
as follows:
 Required the requirements that guided its design and development.
 Works as expected.
 Can be implemented with the same characteristics.
 To prevent defects.
11.2 Login Testing

The Login Testing for the E-commerce Platform with Real-time Text Emotion Detection aims
to validate the functionality, security, and user experience of the login process for
administrators and customers. This testing includes verifying username and password
validation, testing authentication mechanisms, evaluating the user interface, and assessing
error handling. Key test cases involve validating valid and invalid login attempts, handling
empty fields, managing session timeouts, and executing password recovery procedures. Both
manual and automated testing methods are employed to ensure a seamless and secure login
experience, with test results documented and reported for resolution and improvement.
If any email and password are not current, there is no output. Only valid data is true.
Table 11.1: Login testing table.
Interface Name Data Field Input values Result
Login Email Please fill out this
& field.
Password
Login Email a@gamil.com Please fill out this
& field.
Password
Login Email 123456789 Please fill out this
119
& field.
Password
Login Email a@gamil.com Invalid email or
& 12345678 password
Password
Login Email a@gamil.com Successfully logged
& 123456789 in!
Password
11.3 Search Testing

Validate the functionality and accuracy of the full-text search engine for product searches and
the filtering options available to users.
Table 11.2: Search testing table.
Search Search Keyword Please fill out this
field.
Search Search Keyword Nike Relevant products
displayed based on
keyword
Search Search Keyword 100 Relevant products
displayed based on
keyword
11.4 User Registration Testing

Validate the functionality and user experience of the registration process for new users on the
e-commerce platform.
Table 11.3: User Registration table.
Registration Photo Please select afile.
Name
Email
Password
Confirm Password
Registration Photo Photo import Please fill out this
Name field.
Email
Password
Confirm Password
Registration Photo Photo import Please include ‘@’
120
in the email address.
Name Ehsan dv is missing an ‘@’
Email a
Password
Confirm Password
Name Ehsan field.
Email ab@gmail.com
Password
Confirm Password
Name Ehsan field.
Email ab@gmail.com
Password 123456789
Confirm Password
Registration Photo Photo import Successfully
Name Ehsan register!
Email ab@gmail.com
Password 123456789
Confirm Password 123456789
121
Chapter 12
CONCLUSION
12.1 Limitations & Future Work

The E-commerce Platform with Real-time Text Emotion Detection faces challenges in
emotion detection accuracy due to the inherent complexities of capturing nuanced emotions
using CNN. Ensuring data privacy and compliance with regulations while integrating third-
party tools is crucial. Scalability issues may arise as user traffic increases, and maintaining a
consistent user interface across devices can be challenging. Future work includes enhancing
emotion detection with advanced NLP and ML techniques, implementing personalized
product recommendations, adding advanced security features like MFA and biometric
verification, optimizing system performance, and continually refining the user experience
through user-centric design and usability testing.
12.2 Conclusion
The E-commerce Platform with Real-time Text Emotion Detection offers a unique blend of
innovative features, including real-time emotion detection, advanced product categorization,
and secure payment integration. Despite facing limitations in emotion detection accuracy and
scalability, the platform holds significant potential for enhancing user engagement,
personalizing the shopping experience, and providing valuable insights through data
analytics. With ongoing improvements in technology and user experience, the platform is
poised to evolve into a leading solution in the competitive e-commerce landscape.
122
References
[1] S. K. Anil Kumar Jadon, "Emotion detection using Word2Vec and convolution neural,"
Indonesian Journal of Electrical Engineering and Computer Science, Yogyakarta,
Indonesia, 2024.
[2] a. S. Y. Aichuan Li, "Emotion Analysis Model of Microblog Comment Text,"

Computational Intelligence and Neuroscience, Cairo, Egypt, 2022.
[3] R. Gao, "Research on Emotion Recognition Model of Takeaway," Academic Journal of

Science and Technology , Sydney, Australia, 2023.
[4] A. Merinda Lestandy, "EFFECT OF WORD2VEC WEIGHTING WITH CNN-BILSTM

MODEL ON," Janapati, 2023.
[5] A. T. Gediminas Adomavicius, "Toward the Next Generation of Recommender," IEEE

TRANSACTIONS ON KNOWLEDGE AND DATA ENGINEERING, Piscataway, New
Jersey, USA., 2005.
[6] M. H. ,. J. C. Bing Liu, "Opinion Observer: Analyzing and Comparing Opinions,"

International World Wide Web Conferences Steering Committee, Chiba, Japan, 2010.
[7] N. T. MARC HASSENZAHL, "User experience – a research agenda," Behaviour &

Information Technology, Abingdon, UK., 2006.
[8] PALEALEX, "E-commerce Product Images," Kaggle, 12 4 2024. [Online]. Available:

https://www.kaggle.com/code/palealex/image-representations-for-similarity-search/
input. [Accessed 12 4 2024].
[9] S. ANJALI, "emotion analysis based on text," Kaggle, 12 04 2024. [Online]. Available:
https://www.kaggle.com/datasets/simaanjali/emotion-analysis-based-on-text?
select=emotion_sentimen_dataset.csv. [Accessed 12 04 2024].
[10] P. B. d. G. S. Marco Polignano, "A comparison of Word-Embeddings in Emotion

Detection from," UMAP’19 Adjunct, Larnaca, Cyprus, 2019.
123

Final

Uploaded by

Copyright:

Available Formats

Final

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Final

Uploaded by

Copyright:

Available Formats

Premier University

Department of Computer Science & Engineering

Final Year Project Report on

Submitted in the partial fulfillment of the degree of

…………………… ………………………. ……………………

1.4 Project Scope

1.5 Organization of the Report

2.1 Literature Review

2.2 Real-time Emotion Detection in Customer Feedback:

2.3 Personalization and User Experience:

2.4 Secure Payment Integration and Transaction Processing:

2.5 Advanced Search and Product Management:

2.6 User Interface and Design:

3.3 Emotion Detection Data

4.1 System Design

4.2 Proposed System

4.3 Software Process Model

Figure 3.1: Waterfall Model.

3. Testing and Quality Assurance

 Testing Execution: We conduct comprehensive testing, including unit testing,

5.1 Project Planning

5.1 Why Requirement Specification is Needed?

5.2 Requirement Definition

Role-Based Access Control (RBAC) Administrator

5.4 Requirement Validation

Consistency check: It is an essential evaluation process that ensures the requirements,

Completeness check: It is a critical evaluation process that ensures all necessary

6.1 Software Requirement Specification

6.3 Definitions, Acronyms, and Abbreviations

6.4 External Dependencies and Tools

7.1 System Description

7.2 System Features

7.3 Functional Requirements

7.3.2 Product Management

7.3.3 Shopping Cart and Checkout

7.3.4 Real-time Text Emotion Detection

7.3.5 Admin Dashboard

7.4 Non-Functional Requirements

Figure 7.1: Show administrative interface.

7.6.3 Customer Interface

Figure 7.3: Show customer side diagram.

8.2 Home page:

Figure 8.1: Home page

8.2 Featured Product

Figure 8.2: Featured Product lists.

8.3 Most Popular Products

8.4 Add to Cart Popup

Figure 8.4: Shows add to cart popup box without login,

8.5 Top Categories

8.6 Deal of The Day

8.7 Clothing, Shoes, & Jewelry Category

Figure 8.9: Shows campaign management in product lists.

Figure 8.10: Shows campaigns to view associated products.

8.9 Trendy Product List

Figure 8.11: Shows campaign management in product lists

8.10 Our Brands Showcase

8.11 Our Clients Say

Figure 8.14: Shows newsletter to receive the latest updates.

8.13 Homepage Footer Design

8.14 Contact Us Page