Đồ án tốt nghiệp - Developing a soccer fields booking management website using react Js and none Js

MINISTRY OF EDUCATION AND TRAINING
HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION

GRADUATION THESIS
MAJOR: INFORMATION TECHNOLOGY

DEVELOPING A SOCCER FIELDS BOOKING
MANAGEMENT WEBSITE USING REACT JS AND NONE JS

INSTRUCTOR: LE VAN VINH
STUDENT:

DANH TRUONG SON
DANG PHUOC TRUONG TAI
DANG THANH TUYEN

Ho Chi Minh city, June 2024

HCM UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INFORMATION TECHNOLOGY


Capstone Project

DEVELOPING A SOCCER FIELDS
BOOKING MANAGEMENT WEBSITE USING
REACT JS AND NODE JS
Lecturer: Le Van Vinh, PhD.
Group Members:
Danh Trường Sơn

20110394

Đặng Phước Trường Tài

20110396

Đặng Thanh Tuyên

20110412

Ho Chi Minh City, June, 2024

HCM UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INFORMATION TECHNOLOGY


Capstone Project

DEVELOPING A SOCCER FIELDS
BOOKING MANAGEMENT WEBSITE USING
REACT JS AND NODE JS
Lecturer: Le Van Vinh, PhD.
Group Members:
Danh Trường Sơn

20110394

Đặng Phước Trường Tài

20110396

Đặng Thanh Tuyên

20110412

Ho Chi Minh City, June, 2024

THE SOCIALIST REPUBLIC OF VIETNAM

Independence – Freedom– Happiness
-Ho Chi Minh City, June 24, 2024

COMMENTARY OF ADVISOR
Student name:

Danh Trường Sơn

Student ID: 20110394

Đặng Phước Trường Tài

Student ID: 20110396

Đặng Thanh Tuyên

Student ID: 20110412

Major: Information Technology.
Topic name: Developing a soccer fields booking management website using React
JS and Node JS.
Name of Advisor: Lê Văn Vinh, PhD
COMMENTARY
1. On content of topic &amp workload done:
............................................................................................................................. ...................
................................................................................................................................................
............................................................................................................................. ...................
2. Advantage:
................................................................................................................................................
............................................................................................................................. ...................
3. Disadvantage:
............................................................................................................................. ...................
..........................................................
...

...
eate Category
in new tab
- Input the information of the
category
- “ new category
button”
- “Profile” in the header

success the

As



- “Admin

category. .

expected

category

Workspace,PitchOwner”

TC_20 Test the

function
- Category, Manage Category
in new tab
- Choose icon
108

Pass

Chapter 5: IMPLEMENTATION AND TESTING

- “Profile” in the header

success the

As



- “Admin Workspace,

category.

expected

category

PitchOwner”

TC_21 Test the

function
- Category, Manage Category
in new tab
- Input the information of the
category to change
- “ category” icon
Table 28: Test result

109

Pass

CHAPTER 6: CONCLUSIONS
6.1. RESULT
- Through this project, understand how to operate and build a website through the use
of React JS Framework in terms of front-end.
- In terms of back-end, understand how the websites API system works and deploys
it through the use of Express JS, which is a framework of Node JS.
- Ensure that the main functions of a booking filed website are always operational, so
that they can be delivered to users.
- In addition, we have developed additional features: new Map (because Google Map
has been blocked in Vietnam), notification function, improved multi-user interface
(responsive), fixed logic problems in set price (price) and add discount code
function, Zalo Payment.
6.2. LIMITATIONS
-

Havent researched in-depth about application safety and security issues.

-

The product suggestion system through AI has not been integrated, a quite important
function of an e-commerce website.
6.3. FUTURE WORK

- Apply AI for recommend pitch
- Improve website performance
- Improve safety and security issues
- You can find the solution by following this link:
https://github.com/SonDanh2501/CAPSTONEPROJECT

110

REFERENCES
[1].

Nguyễn, H. (2019, December 15). Tìm hiểu về tailwind CSS. Viblo.

https://viblo.asia/p/tim-hieu-ve-tailwind-css-924lJp6WKPM
[2].

ReactJS la gi? Những điều ban chưa biết về ReactJS. (2022, November 13).

FPT Aptech.
https://aptech.fpt.edu.vn/reactjs-la-gi.html
[3].

Wikimedia (2021, June 13). Introduction to Node.js.
https://en.wikipedia.org/wiki/Node.js

[4].

Alexander S. Gillis (2023, March). What is MongoDB?
https://www.techtarget.com/searchdatamanagement/definition/MongoDB

[5].

Everything You Should Know About Express JS (2022, May).
https://kinsta.com/knowledgebase/what-is-express-js/

111