HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INFORMATION TECHNOLOGY


GRADUATION THESIS

BUILDING A SELL COURSE WEBSITE
USING REACTJS AND SPRINGBOOT
Instructor: Vinh Thinh Le, Ph.D.
Student Name: Quyet Sinh Nguyen
ID: 18110354
Student Name: Chu Thanh Thong
ID: 18110365
Ho Chi Minh City, June 2022

HCM University of Technology and Education

SOCIALIST REPUBLIC OF VIETNAM

FACULTY OF INFORMATION TECHNOLOGY

Independence – Freedom - Happiness

_______________

________________

GRADUATION THESIS TASK
Student name: Quyet Sinh Nguyen

ID: 18110354

Student name: Chu Thanh Thong

ID: 18110365

Major: Information Technology
Project title: Build a selling course website using ReactJS and Springboot

Content:
Theory:
-Learn the Java programming language
-Learn the Java programming language
-Learn about ReactJS technology
-Learn about Springboot technology
Practice:
- Build a website with some basic features as follows:
 Purchase courses and learn online
 Write and read blogs
 Admins management
 Statistics
ution time: from February 22, 2021, to June 30, 2021
Signature
of
student:
..........................................................................................................................................
Signature
of
student:
..........................................................................................................................................
Ho Chi Minh, June 2022
HEAD OF INFORMATION TECHNOLOGY

INSTRUCTOR

(Name and signature)

(Name and signature)

HCM University of Technology and Education

SOCIALIST REPUBLIC OF VIETNAM

FACULTY OF INFORMATION TECHNOLOGY

Independence – Freedom - Happiness

_______________

________________

ASSESSMENT FORM OF INSTRUCTOR
Student name: Quyet Sinh Nguyen

ID: 18110354

Student name: Chu Thanh Thong

ID: 18110365

Major: Information Technology.
Project title: Build a selling course website using ReactJS and Springboot
Name of instructor: Vinh Thinh Le Ph.D
Commentary:
1. On content of topic &amp workload done:
....................................................................................................................................
....................................................................................................................................
....................................................................................................................................
.............................................
...

...
ers can buy and study the
course they want, and there is a blog system to share knowledge and comment
to exchange with each other in the learning process



The site has tutorials for newbies.



Support for users to note down knowledge when learning.



Has a learning reminder tool.

3. DISADVANTAGES
-

The UI is not beautiful, no animations

-

The site does not have a realtime feature

-

The site does not have a notification feature yet

128

4. COMPARE WITH REFERENCED WEBSITES
Outstanding:


There is support to customize the light / dark mode, the color of the website
according to the users preferences.



The site has tutorials for newbies.



Support for users to note down knowledge when learning.



Has a learning reminder tool.

Weak:


The site does not have animations



The site does not have a notification feature yet

5. DEVELOPMENT DIRECTION


Develop a virtual assistant that helps guide users to use the website,
accompanies users throughout the learning process, helping users to approach
in the fastest and most intuitive way.



Monitor the customers learning progress to be able to give corresponding
help and reminders.



Add theoretical and practical exercises after each lesson and at the end of the
course to help learners review and test the knowledge they have learned.



Build a chat room for people studying the same course to discuss and
exchange knowledge about that course.



Add the feature to notify users when there are changes related to their
account.

129

REFERENCES
[1] Spring.io (2022) Springboot [Online]. Available:
https://spring.io/projects/spring-boot
[2] Reactjs.org (2022) Getting started [Online]. Available:
https://reactjs.org/docs/getting-started.html
[3] Redux.js.org (2022) Getting started [Online]. Available:
https://redux.js.org/
[4] Interviewbit (2022) Angular Vs React: Difference Between Angular and React
[Online]. Available:
https://www.interviewbit.com/blog/angular-vs-react/
[5] Simplilearn (2022) Key Differences Between Spring vs Spring Boot vs Spring
MVC[Online]. Available:
https://www.simplilearn.com/tutorials/spring-boot-tutorial/spring-vs-spring-boot
[6] Website Udemy [Online]. Available: https://udemy.com/
[7] Website CodeLearn [Online]. Available: https://codelearn.io/
[8] Website F8 [Online]. Available: https://fullstack.edu.vn/
[9] Website W3School [Online]. Available: https://www.w3schools.com/
[10] Website Funix [Online]. Available: https://funix.edu.vn/

130