HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY FOR HIGH QUALITY TRAINING

-????????????????????-

CAPSTONE PROJECT
BUILDING A WEB-BASED AND MOBILE
SYSTEM FOR YOUTH HCMUTE

INSTRUCTOR

: MSc. NGUYEN TRAN THI VAN

STUDENTS

: BUI THANH PHUONG 18110179
DIEP THUY VI

Ho Chi Minh City, June 2022

18110237

SOCIALIST REPUBLIC OF VIETNAM
Independence – Freedom – Happiness
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

Ho Chi Minh City,day month

year 2022

CAPSTONE PROJECT OBJECTIVES
Full name of student: Bui Thanh Phuong

MSSV: 18110179

Full name of student: Diep Thuy Vi

MSSV: 18110237

Major: Information technology
Name project: Building a web-based and mobile system for youth HCMUTE
Objectives:
Theory:
•

Research MERN Stack: MongoDB, ExpressJS, ReactJS, NodeJS.

•

Research technology relative to React like Redux, Rredux-Saga..

•

Research React Native

•

Research about AWS, Docker, Nginx, EC2,..

•

Deploy project to EC2 with Docker, Firebase

Practice:
• Build website and mobile with the following main features:
o Student read hot news, activities, register activities to plus points.
Besides they can track activities that they register, scan qr code tocheckin the vent
o Base s new request news or activities to show on the
website, check and export list attendance,..
o Admin manage user, activity, news, check student’s attendance
• Deploy frontend and backend to EC2 by using Docker
• Deploy mobile with Google Firebase
i

ute time : 15 weeks (Start date from 7/3/2022 to 27/6/2022)
Head of industry

Hồ Chí Minh City, day month year 2022
Instructor’s name

(Signed with full name)

(Signed with full name)

ii

SOCIALIST REPUBLIC OF VIETNAM
Independence – Freedom – Happiness

*******
ASSESSMENT FORM FOR INSTRUCTOR
Students’ names:
1. Bui Thanh Phuong

Student ID: 18110179

2. Diep Thuy Vi

Student ID: 18110237

Major: Information Technology
Project’s name: Building a web-based and mobile system for youth HCMUTE
Instructor’s full name: MSc. Nguyen Tran Thi Van
COMMENTARY:

1. Project’s contents and workload:
Theory:
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
Implementation:
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
Results:
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
………………………………………………………………………………
2. Advantages:
iii

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

...
voice, and the work was not effective. Everyone wants to contribute
to making the program better, but the other party feels that it is not suitable for
the program, which leads to friction.

7.4. How to overcome difficulties
-

In the process of working, if there is a problem, the group will go to the Internet
to find out, if not, the group will ask friends or send an email to the teacher to
ask.

-

In order to avoid wasting time in the process of writing the essay and to have
high work efficiency, the authors will discuss on the Internet first, list the
things that need to be solved in the next session, when doing so, video calls
will be made. to work more effectively and with the right focus, avoiding the
loss of time that the work is not effective.

103

-

In order not to cause controversy during the writing of the essay, all three had
to sit down and talk to each other clearly, each person will lower a part of their
ego to exchange. Although each person has their own opinion, they just want
the final product to be better, but working as a team, it is necessary to listen to
the opinions of the team members, so the three will choose what is the best
option for the project. the judgment that is consistent with the opinions of all
three.

7.5. Self-assess results
-

Apply knowledge of Software Engineering to project implementation

-

Meet the basic requirements of the course.

-

User-friendly interface, easy to use, effective application in practice.

-

However, there are still a few functions that are not really stable, the team has
not been able to thoroughly solve the errors that may occur during use. So the
team will further upgrade the program based on user feedback.

-

The group of authors self-assessed the groups work as 8/10.

7.6. Theme development direction
-

Optimize the code in some positions.

-

Publish Android and IOS to CHPlay and AppStore

-

Expand website with some features: Student of 5 merits, Emulation and
Reward

104

CHAPTER 8. REFERENCES
-**********[1]. MUI. (n.d.). MUI: The React component library you always wanted.
https://mui.com/
[2]. React – A Java library for building user interfaces. (n.d.). React.
https://reactjs.org/
[3]. GeeksforGeeks. (n.d.). GeeksforGeeks | A computer science portal for geeks.
https://www.geeksforgeeks.org
[4]. Online Tutorials Library. (n.d.). Online Tutorials Library.
https://www.tutorialspoint.com/index.htm

105