Đồ án tốt nghiệp - Building an E-commerce website for selling fashion accessories

HO CHI MINH UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INTERNATIONAL EDUCATION

CAPSTONE PROJECT

BUILDING AN E-COMMERCE WEBSITE FOR
SELLING FASHION ACCESSORIES

Students:
Le Cong Thuong - 19110058
Tran Van Thien - 19110136
Major: Information Technology
Instructor: MSc NGUYEN TRAN THI VAN

HO CHI MINH CITY, DECEMBER - 2023

1

SOCIALIST REPUBLIC OF VIETNAM
Independence - Freedom – Happiness
*******

PROJECT’S OBJECTIVES
Student’s names:
1. Trần Văn Thiên

Student ID: 19110136

2. Lê Công Thương

Student ID: 19110058

Project’s name: BUILDING AN E-COMMERCE WEBSITE FOR SELLING
FASHION ACCESSORIES

Implementation content:
Theory:
• Programming Language Java
• Spring boot
• Bootstrap
• Postgresql
• Reactjs
Practice:
• Build an e-Commerce website for selling fashion accessories, using Programming
Language Java, Spring boot, Bootstrap, Postgresql, Reactjs with the main features:
o Allow user to search products and see product details of website
o Allow users to choose products according to the color, size and quantity
they want, after that add it to cart and manage their cart
i

o Allow users to check out, payment by two methods (paypal and vnpay) and
see ordered bill
o Allow users to log in, account, change password, and edit
information
o Allow users to comment on products.
o Allow admin of website to , read, and (CRUD)
some related information of products
o Allow admin of website to comment deion of products
o Allow admin of website to show how many products there are on a page
o Allow admin of website to search products
Implementation time: 15 weeks (Starting from July, 2023, to December, 2023)
Student signature: ……………………………………………………
Student signature: ……………………………………………………

HEAD OF INFORMATION

Ho Chi Minh City, date…. month…. year

TECHNOLOGY

NSTRUCTOR

(Sign and write full name)

(Sign and write full name)

ii

SOCIALIST REPUBLIC OF VIETNAM
Independence - Freedom – Happiness
*******

INSTRUCTORS COMMENT SHEET
Full name of Student 1: Lê Công Thương

MSSV 1: 19110058

Full name of Student 2: Trần Văn Thiên

MSSV 2: 19110136

Major: Information Technology
Project’s name: Building an e-commerce website for selling fashion accessories
Instructors full name: MSc Nguyen Tran Thi Van
COMMENTS
1. Regarding the content of the topic, the volume of implementation:
..................................................................................................................................
......
...

...
g

-

Have Checkout Page for users sign the necessary informations

-

Have two payment type (Paypal and VNPay) for users to choose

-

Users can see the discount of products to know for choosing
products when they buy

-

Users can see the recommended products of any products to have
many more options when they buy

-

Users can see what percentage of certain products are on sale and
which products are currently out of stock

-

And many more feature

7.2. Advantages:
à The website that the team builds has the following advantages:
-

Beautifully built, easy-to-use UI/UX to enhance user experience

-

Provides full basic functionality of an e-commerce site

-

Easy to maintain, extend, reuse when there is a need to expand the
website

-

Use SPA (Single Page Application) technology and new
technologies to provide powerful APIs, query data quickly.

7.3. Disadvantages
Must build Skeletons (components that wait for data to be ready), or
redirects. Because for SPA pages, the data sometimes cannot be transferred to the
Components, leading to missing data during the rendering process.
Data is stored for free , so the query is limited
Limited time can not build up the advanced functions for the website.

150

7.4. Future work
à In the future, the team will try to perfect the website and more
features according to the set plan/goals, such as:
-

Feature to compare configuration between products

-

more functions to manage categories for dashboard admin

-

Additional APIs for respective payment methods

-

Additional authentication methods such as automatically sending
messages

-

Feature feedback

-

+ a community of website users

151

REFERENCES
[1]. Software engineering curriculum, University of Technical Education,
Ho Chi Minh City
Website for reference
[2]. System issues: https://stackoverflow.com/
[3]. Bootstrap: https://getbootstrap.com/docs/5.3/gettingstarted/introduction/
[4]. Main support libraries/frameworks:
- React Router DOM v6: https://reactrouter.com/docs/en/v6/gettingstarted/overview
- Redux Saga: https://redux-saga.js.org/docs/api
- Axios: https://axios-http.com/docs
- Json Web Token: https://jwt.io/
[5]. Vietnamese lectures from Prof. Nguyen Van Hiep.
[6].https://viblo.asia/p/phan-biet-black-box-test-va-white-box-test-so-luocmot-so-ky-thuat-trong-black-box-test-Az45bpm6ZxY
[7]. https://www.geeksforgeeks.org/software-engineering-white-box-testing/
[8]. Other Internet và wiki resources.

152