STYLISTAA
STYLISTAA
Project report on
“STYLISTA”
Clothing and Makeup Ecommerce Website
Submitted To:
National College of Computer Studies
Department of Bachelor of Science in Computer Science and Information Technology
([Link])
In partial fulfillment of the requirement for the degree of Bachelor of Science in Computer
Science and Information Technology ([Link])
Submitted By:
Ayusha Adhikari (28864/078)
Bipasna Dulal (28866/078)
Riya Shrestha (28886/078)
Yunika Shrestha (28899/078)
We would like to extend our heartfelt thanks and gratitude to our supervisor, Mr. Anup Raj
Poudel, for granting us the valuable opportunity to work on “STYLISTA- E-commerce
Website for Clothing and Makeup” project. His insightful guidance and support have greatly
contributed to the success of this project, allowing us to explore new tools and technologies.
Our sincere appreciation goes to NCCS College for their constant supervision, guidance, and
the necessary resources provided, which played a crucial role in the completion of this project.
The support from the library and staff members of NCCS has been invaluable, and we are
grateful for their cooperation and encouragement. Here, we would like to show an attitude of
reverence to all of them who have contributed directly or indirectly to making the study a
reality.
Finally, we shall be grateful to those people who read this project and who shall benefit from
this project at present and in future.
Yours sincerely,
Ayusha Adhikari
Bipasna Dulal
Riya Shrestha
Yunika Shrestha
i
ABSTRACT
ii
Table of Contents
ACKNOWLEDGEMENT ..................................................................................................... i
ABSTRACT ........................................................................................................................... ii
REFERENCES .................................................................................................................... 31
LIST OF ABBREVIATIONS
ACWP – Actual Cost of Work Progress
BCWP – Budget Cost of Work Performance
BCWS - Budget Cost of Work Schedule
CBA – Cost Benefit Analysis
CPI – Cost Performance Index
CPM – Critical Path Method
CSS – Cascading Style Sheet
CV – Cost Variance
EVA - Earned Value Analysis
HTML – Hypertext Markup Language
IRR – Internal Rate of Return
NPV – Net Present Value
PHP – Hypertext Preprocessor
ROI – Return On Investment
SPI – Schedule Performance Index
SV – Schedule Variance
iii
LIST OF FIGURES
Figure 1 Use Case Diagram of Stylistaa ................................................................................... 5
Figure 2 WBS of Stylistaa ........................................................................................................ 7
Figure 3 WBS using MS Project ............................................................................................... 7
Figure 4 Calculating Estimated Time ....................................................................................... 8
Figure 5 CPM Network Diagram .............................................................................................. 9
Figure 6 Ball Chart.................................................................................................................. 10
Figure 7 Gantt Chart ............................................................................................................... 11
Figure 8 Resources used for project........................................................................................ 13
Figure 9 Resource Allocation ................................................................................................. 14
Figure 10 Cost Benefit Analysis ............................................................................................. 16
Figure 11 Risk Exposure Analysis for Stylista E-commerce Website in MS Excel .............. 24
Figure 12 Risk Exposure analysis visualization in column chart ........................................... 24
iv
LIST OF TABLES
Table 1: Unit testing 1............................................................................................................. 26
Table 2: Unit Testing 2 ........................................................................................................... 26
Table 3: Integration Testing 1 ................................................................................................. 28
v
CHAPTER 1: INTRODUCTION
1.1 Introduction
STYLISTA is an e-commerce platform dedicated to fashion and beauty enthusiasts. Our
website offers a curated selection of clothing and makeup products, ensuring a seamless
shopping experience for users looking to elevate their style. At STYLISTA, customers can
explore a wide variety of trendy apparel as well as makeup products, including lipsticks,
foundations, and skincare essentials.
It allows users to easily browse products, view detailed descriptions, select product varieties
(like sizes and colors), and make secure purchases. STYLISTA also includes features like user
registration, favorites, shopping cart, and smooth checkout options to enhance convenience.
In today’s fast-paced digital world, consumers face challenges when shopping for fashion and
beauty products online. Existing platforms often lack personalized experience, product variety,
or clear information about size, color, and quality, making it difficult for users to make
informed choices. Additionally, managing multiple product selections and completing secure
transactions can be cumbersome on traditional e-commerce sites.
STYLISTA aims to solve these problems by providing a platform where customers can easily
browse, compare, and purchase a wide range of clothing and makeup products. By integrating
intuitive navigation, detailed product information, and secure payment. STYLISTA ensures an
efficient, enjoyable, and reliable online shopping experience for fashion and beauty
enthusiasts. By prioritizing variety our platform enhances the online shopping experience,
making fashion and beauty more accessible and enjoyable.
1
1.3 Objectives
• To provide clear product descriptions, pricing, and available variations to assist users
in making informed decisions.
• Allow users to save their favorite items, “add to cart” and make online payments for
easy future access and purchases.
• Tools for managing orders, including order tracking and shipping information are not
available.
• Ensuring the website is accessible and functional across various devices (desktops,
tablets, and smartphones).
• There may not be implementation of a contact form and FAQ section.
• Users cannot try on clothes or makeup virtually before making a purchase.
• Product information will be simple and may not include all technical details.
2
CHAPTER 2: BACKGROUND STUDY
AND LITERATURE REVIEW
STYLISTA is an e-commerce platform made to give users a simple and smooth online
shopping experience. It allows people to browse products, add them to a cart, and buy them
easily from their phones or computers. The platform has a clean and user-friendly design
that makes it easy for anyone to use, whether they are shopping online for the first time or
regularly.
With STYLISTA, users can create accounts, view product details, and place orders without
any confusion. The website helps users find what they need quickly and safely. It also includes
features like order history and a simple checkout process. From a technological perspective,
STYLISTA is developed using HTML, CSS, and JavaScript for the frontend, ensuring an
interactive and responsive user interface. The backend is powered by PHP, enabling dynamic
content generation, form handling, and server-side logic. MySQL is used for managing the
database, where user accounts, product information, cart details, and orders are securely stored
and retrieved.
In our research of current online fashion and beauty shopping platforms, we looked at
Sephora and Shopify as references while planning the development of Stylista. These
platforms are popular and widely used for their extensive product selections, user-friendly
designs, and smooth shopping experiences. Sephora and Shopify are successful because
they make it easy for users to browse products, compare options, add items to the cart, and
place orders efficiently. They also offer features such as product reviews, ratings, order
tracking, personalized recommendations, and secure payment options. Their clean design,
smart search functionality, and responsive performance help users shop with ease. Both
platforms also support mobile applications, allowing users to shop conveniently on
smartphones or tablets. The simplicity and effectiveness of Sephora and Zalora guided the
3
design and development of Stylista. Our aim is to provide a similarly smooth and engaging
shopping experience, with intuitive navigation, secure checkout, and helpful features—so
that anyone, regardless of technical skills, can explore fashion and beauty products online
comfortably.
E-commerce has transformed how consumers purchase fashion and beauty products,
providing opportunities for personalized shopping experiences. Laudon and Traver (2020)
describe e-commerce as the use of the internet and web technologies to conduct business
transactions. They explain that e-commerce platforms allow users to browse products, make
payments, and access services through digital interfaces. The study highlights that growth
in mobile device usage and improved internet connectivity have driven the expansion of e-
commerce globally. The authors also emphasize that customer trust, secure payment
systems, and easy-to-use website interfaces are crucial for successful online businesses. [1]
Chong et al. (2016) investigated factors influencing customer satisfaction and loyalty in
online shopping environments. Their research shows that website quality, fast delivery, and
reliable customer service significantly affect repeat purchases. They also stress the
importance of personalization in enhancing user experience, such as suggesting products
based on past behavior or preferences. Additionally, customer reviews and ratings play a
critical role in purchasing decisions, highlighting the need for transparency and trust on e-
commerce platforms. [2]
Gefen, Karahanna, and Straub (2003) explored the role of trust in e-commerce adoption.
Their study indicates that trust is essential because online transactions involve inherent
uncertainty and risk, unlike traditional in-person shopping. Key factors such as website
design, clear communication, privacy policies, and secure payment gateways contribute to
building consumer trust. Without trust, even well-designed platforms may fail to retain
users. [3]
4
CHAPTER 3: PROJECT MANAGEMENT ACTIVITITES
5
ID: 101
Actors: User
Description:
The use case diagram of STYLISTA represents the primary interactions between users and
the e-commerce system. It outlines the core functionalities such as user registration, login,
product browsing, cart management, order placement, and logout. By visually representing
these use cases, the diagram ensures clarity in understanding user-system interactions and helps
guide the system’s development. It provides a solid foundation for identifying system
requirements, improving user experience, and ensuring that all essential features are
implemented accurately and efficiently.
A project plan is a list of activities showing when each task starts and ends. Planning and
scheduling a project means carefully organizing tasks and deciding the right order to complete
them.
[Link] Work Breakdown Structure
Work Breakdown Structure is the process of breaking engineering project into sub-project,
task, subtasks, work-packages and so on. When the software project management is able to
break a given set of tasks recursively into small activities it is WBS in project management.
6
Figure 2 WBS of Stylistaa
7
[Link] PERT
Program Evaluation and Review Technique (PERT) is a graphical technique used to show
project activities and key milestones on a timeline. PERT uses a network diagram to represent
the tasks and their dependencies, and estimates the time required to complete each task. PERT
uses three-time estimates for each task: the optimistic time, the most likely time, and the
pessimistic time. The optimistic time is the best-case scenario for completing the task, the
pessimistic time is the worst-case scenario, and the most likely time is the most realistic
estimate. Using these time estimates, PERT calculates the expected time for each task using
the formula:
CPM (Critical Path Method) is a project management technique used to determine the critical
path of a project, which is the sequence of tasks that must be completed on time in order for
the project to finish as scheduled. The critical path is the longest chain of activities that directly
affects the project duration. Any delay in these activities will cause a delay in the entire project.
CPM focuses on identifying the most important tasks in the timeline, understanding task
dependencies, and calculating their duration. In the Stylista project, the critical path is Planning
followed by Design, Implementation, Testing, and Documentation.
8
The critical path of the project is:
Planning takes 8 days → Design takes 11 days → Implementation takes 20 days → Testing
takes 8 days → Documentation takes 5 days → giving a total project duration of 52 days.
3.2.2 Scheduling
Project scheduling is the process of defining, organizing, and assigning timeframes to project
activities so that the entire project can be completed within the planned deadline. It is the
process of planning when project tasks will start and finish. It organizes activities in the right
sequence to meet deadlines. Resource such as people, time, and budget are allocated to each
task. Overall, it creates a clear timeline to guide project execution.
Ball Chart are used to show whether the targets have been met or not. It provides even more
striking way of showing whether or not the targets have been met. Circles indicate the start
date and completion date. Whenever revision are made, the revised date is put to the circle.
The color of circle is changed to green when the event actually takes place and changed to red
if it has missed the target.
9
Figure 6 Ball Chart
10
[Link] Gantt Chart
A Gantt Chart is graphical representation of project activities in time-scaled bar line with no
link in between. It is the simple and the oldest form of representing the progress of the project.
Gantt chart can be defined as the horizontal bar chart which is used in project management to
visually represent the project plan over time. It is the graphical representation of the project
activities that aids in monitoring the progress of the project.
Team members are the most important resource of any project. They’re the ones responsible
for executing tasks, solving problems, and ensuring progress. Even with the best tools and
biggest budget, a project cannot succeed without the right people in place.
For Stylista, this includes developers, designers, testers, content creators, and project managers
11
who will bring the platform to life.
2. Information
Information is the knowledge and data the team needs to complete the project. Without
proper information, the team would be working blindly. Some of this knowledge comes from
experience (such as knowing how to use tools or follow company processes), while some of
it is project-specific and can change quickly.
For Stylista, important information includes customer data (like names, addresses, and
contact details), product details (sizes, colors, and attributes), wishlists, and order history.
This ensures that the shopping platform delivers a personalized and seamless experience for
users.
3. Materials
Material resources are the physical and digital assets required to carry out the project. These
can be tools, hardware, software, or even office supplies. Some may already be available within
the organization, while others might need to be purchased or leased.
For Stylista, this includes laptops, servers, software licenses, testing tools, and workspace
essentials.
4. Financial Resources
Every project runs on a budget, and financial resources ensure that the required people and
materials can be managed properly. This covers salaries, equipment costs, software
subscriptions, office expenses, and even marketing or product distribution costs. For Stylista,
careful budget planning will be needed to balance development expenses with business growth
goals.
12
Figure 8 Resources used for project
13
Figure 9 Resource Allocation
Cost Benefit Analysis (CBA) is a method used to assess the costs and benefits of a proposed
project, helping to identify the most cost-effective option. It allows comparison between
different alternatives by evaluating their expected costs and returns, and then making decisions
accordingly. Techniques such as Net Present Value (NPV), Internal Rate of Return (IRR), and
Benefit-Cost Ratio (BCR) are commonly applied in this analysis. For our project, we will be
using the Net Present Value (NPV) method. To perform the CBA, we must first estimate the
development costs and the potential benefits of the project. These costs may include:
• Direct Cost
• Indirect Cost
• Intangible Cost
• Potential Risk
14
The advantages of using Cost Benefit Analysis are given below:
• Supports better decision making
• Provides clearer understanding of project objectives
• Strengthens project planning and management
Net Present Value (NPV) is a financial metric used to determine the difference between the
value of cash flow and value of cash at future date. It is the difference between the present
value of cash inflows and the present value of cash outflows. To calculate NPV, we need to
estimate the timing and amount of future cash flows and pick a discount rate equal to the
minimum acceptable rate of return.
The formula for the calculation of the Net Present Value (NPV) is:
𝑛
𝐶𝑎𝑠ℎ 𝐹𝑙𝑜𝑤𝑖
𝑁𝑃𝑉 = ∑ − 𝐼𝑛𝑖𝑡𝑖𝑎𝑙 𝐼𝑛𝑣𝑒𝑠𝑡𝑚𝑒𝑛𝑡
(1 + 𝑟)𝑡
𝑖=0
Internal Rate of Return (IRR) is the rate at which the NPV of the investment cashflows equals
zero. The higher the IRR the more profitable the investment or project. The formula for IRR is
given as:
𝑛
𝐶𝑡
𝑁𝑃𝑉 = ∑ =0
(1 + 𝐼𝑅𝑅)𝑡
𝑡=0
For the cost benefit analysis of our project, the initial investment be Rs 70,000 at the discount
rate of 10%, expecting to generate the net cash flow of Rs. 28899, Rs. 28886, Rs. 28866, and
Rs. 28864 in the next 4 years.
16
So, if discount rate is 10%, the project is worth the investment. Hence, our project group can
undertake the project because NPV>0. Along with NPV, the net profit is found to be Rs. 45515,
Average Annual Profit is found to be Rs. 11378.75, ROI is found to be 65.02%, and Discounted
ROI is found to be 30.78%. Similarly, the payback period is 2.22 years and total benefit with
10% discount is Rs. 91546.49. Finally, the Benefit Cost Ratio (BCR) is 1.307. Hence, BCR>1,
so our project is feasible.
17
3.4 Earned Value Analysis
Earned Value Analysis (EVA) is a project management technique used to measure project
performance and progress in terms of scope, schedule, and cost. It compares the planned
progress with the actual progress to determine if the project is on track.
Key metrics:
• BCWS / PV (Planned Value): Budgeted cost for scheduled work.
• BCWP / EV (Earned Value): Budgeted cost for actual work completed.
• ACWP / AC (Actual Cost): Actual cost incurred for completed work.
• CPI = EV / AC: Cost performance index.
• SPI = EV / PV: Schedule performance index.
• CV = EV − AC: Cost variance.
• SV = EV − PV: Schedule variance.
18
Figure 12 Earned Value Analysis
Observations
Schedule Variance (SV)
• Tasks 1–3: SV = 0 → Project was on schedule.
• Task 4: SV = –1242.5 → Project started falling behind schedule.
• Task 5: SV = 0 → Project caught up briefly.
• Task 6: SV = –245.60 → Minor delay.
• Task 7: SV = –139.06 → Small delay.
• Task 8: SV ≈ –370.28 → Moderate delay.
• Task 9: SV = –141.84 → Slight delay.
Result: The project initially stayed on track, but experienced increasing schedule delays
starting from Task 4, particularly during development and testing phases. Later tasks showed
smaller but consistent delays.
Schedule Performance Index (SPI)
• Tasks 1–3: SPI = 1.0 → Work was completed as planned.
• Task 4: SPI = 0.5 → Only 50% of planned work completed → moderate delay.
• Task 5: SPI = 1.0 → Work completed on schedule.
• Task 6: SPI = 0.25 → Significant slowdown in progress.
19
• Task 7: SPI = 0.5 → Partial recovery.
• Task 8: SPI ≈ 0.64 → Improvement in schedule efficiency.
• Task 9: SPI = 0.15 → Severe slowdown at the final stage.
Result: Schedule efficiency fluctuated, with notable drops in Tasks 4, 6, and 9, reflecting
intermittent delays and partial recoveries.
Cost Variance (CV)
• Tasks 1–9: CV = 0 → Actual Cost of Work Performed (ACWP) = Earned Value (EV).
Result: No cost overrun or underrun was recorded. Cost tracking appears consistent but may
not reflect real variations due to missing or unrecorded cost data.
Cost Performance Index (CPI)
• Tasks 1–9: CPI = 1.0 → Cost efficiency was on budget throughout.
Result: Costs were well controlled during the project. There were no inefficiencies, but SV
and SPI indicate that schedule issues were not caused by cost overruns.
20
3.5. Risk Analysis
Risk is an expectation of loss, a potential problem that may or may not occur in the future. It
is generally caused due to lack of information, control or time. A possibility of suffering from
loss in software development process is called a software risk.
Loss can be anything, increase in production cost, development of poor quality software, not
being able to complete the project on time etc.
Software risk exists because the future is uncertain and there are many known and unknown
things that cannot be incorporated in the project plan.
So, Risk Management is required in the project. Risk management is the process of doing risk
analysis, it involves identifying and grading risks or threats and opportunities. It is also the
process of deciding how to respond (if at all).
3.5.1. Risk Identification
The Risk Identification part of the Risk Management process deals with finding out what are
the potential threats to a project. These risks could be towards the organization, software
developers or the project itself. Some of the risks that are found as part of the identification
process include employees falling sick, bugs in the software, data breaches and not adhering
to development schedules.
21
threats. It is a structured approach that can help to identify internal and external factors that
can affect the success of an initiative.
• Expert Judgment
Consulting with experts who have experience with similar projects or in relevant fields. The
experts can provide insights and recommendations on the technical feasibility, cost-
effectiveness, and other factors related to the project.
Types of Risk
1. Project Risk: Risks related to delays or issues in project completion, such as failure to meet
development timelines, incomplete features, or resource shortages during website
development.
2. Budget Risk: Risks of exceeding the allocated budget due to unexpected costs like
additional development tools, server costs, or marketing expenses.
3. Technical Risk: Risks arising from technology challenges, including website crashes,
payment gateway failures, security vulnerabilities, or integration issues with third-party
services.
4. Business Risk: Risks affecting the overall business success, such as low user engagement,
high competition, poor customer retention, or market demand fluctuations for fashion.
At this stage, the focus is only on listing risks, not solving them. Techniques such as
22
brainstorming, SWOT analysis, and expert judgment can help identify risks.
2. Identifying the Probability of Occurrence of the Problem
The likelihood of each risk is estimated based on prior experience, expert opinion, and industry
benchmarks. Probability is expressed as decimals (0–1).
Example from Stylista’s risks:
• Cyberattack / Data Breach → High probability (0.8).
• Payment Gateway Failure may lead to loss of sales and unhappy customers (Impact =
8).
• Delay in Feature Development may slow growth and competitiveness (Impact = 6).
6
4.8 Payment Gateway Failure
5
4 3.5 Server Downtime
3
Delay in feature
2 1.5
development
0.75
1 Low user engagement
0
Risk Exposure(RE) = P * I
3.6 QA Activity
3.6.1. Test Cases for Unit Testing
Unit testing is a software testing method where individual components or units of code (like
functions or methods) are tested in isolation to verify their correctness and ensure they function
as expected.
25
Table 1: Unit testing 1
Post-condition:
User is validated and the page is redirected to the landing page with login status.
26
Select an item to Item: Lipstick The item The item is added Pass
purchase. should be to cart along with
Select the quantity of added to cart the quantity.
items to purchase. along with the
Click on “Add to quantity.
Cart” button.
Post-condition:
The items are added to cart along with the selected quantity and size/shades of the product.
27
Table 3: Integration Testing 1
Post-condition:
The item is displayed based on different categories.
3.6.3. Test Cases for System Testing
System testing is a level of testing that validates the complete and fully integrated software
product. The purpose of a system test is to evaluate the end-to-end system specifications.
Usually, the software is only one element of a larger computer-based system.
Pre-conditions:
Test Case ID: 4
The system should function as intended.
Test Title: Functionality testing.
Test Designed Date: 1 August 2025
Post-condition:
The functional components are working as intended.
28
UI Workflow. Landing page. All the buttons All the buttons Pass
and navigation and navigation
bar contents bar contents
should navigate to the
navigate to the correct location.
correct
location.
User login and Correct user The user The user can Pass
registration. registration and should be able register and then
login data. to register and login to the
then login to website. The user
the website. can access the
The user login features.
should also be
able to access
the login
features.
CHAPTER 4: CONCLUSION
In conclusion, the STYLISTA project set out to create an accessible, attractive, and feature-
rich platform for users to explore and purchase beauty and fashion products online. Through a
thorough system design and analysis process, clear functional and non-functional requirements
were established to ensure a secure, user-friendly, and responsive experience. Use of modern
web technologies like HTML, CSS, PHP, and MySQL enabled the development of a dynamic
platform with key modules such as user registration, login, product display, cart management.
While object-oriented practices and structured analysis techniques were employed to plan the
29
system, careful attention was also given to user interface design, making the site visually
appealing and easy to navigate.
30
REFERENCES
31
32