HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INFORMATION TECHNOLOGY

GRADUATION THESIS

BUILDING A WEBSITE FOR A CHAIN OF COFFEE
SHOPS

STUDENT NAME: DO PHI CUONG
ID: 17110106
STUDENT NAME: PHAN DANG TRUNG
ID: 17110244
ACADEMIC YEAR: 2017 – 2021
MAJOR: INFORMATION TECHNOLOGY
INSTRUCTOR: LE VINH THINH, Ph.D

Ho Chi Minh City, July, 2021

HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INFORMATION TECHNOLOGY

GRADUATION THESIS

BUILDING A WEBSITE FOR A CHAIN OF COFFEE
SHOPS

STUDENT NAME: DO PHI CUONG
ID: 17110106
STUDENT NAME: PHAN DANG TRUNG
ID: 17110244
ACADEMIC YEAR: 2017 – 2021
MAJOR: INFORMATION TECHNOLOGY
INSTRUCTOR: LE VINH THINH, Ph.D

Ho Chi Minh City, July, 2021

i

SOCIALIST REPUBLIC OF VIETNAM
Independence – Freedom – Happiness
***-Ho Chi Minh City, July, 2021

GRADUATION THESIS TASK
Student name: Phan Dang Trung
Do Phi Cuong
Major: Information Technology
Instructor: Le Vinh Thinh, PhD
Received date: March, 2021

ID: 17110244
ID: 17110106

Submission date: 19th, July, 2021

1. Topic: Building a website for a chain of coffee shops
2. Initial data and documents: Survey of the current status through current Internet
coffee business websites and professional reference for implementation.
3. Content of topic implementation:
− Build a homepage to put users can see information about the store and
products.
− Build product pages, so users can choose products and make purchases.
− Building a product detail page to users can see detailed product content and
can rate and comment on the product here.
− Build a shopping cart page to users can proceed to order and pay here.
− Build a registration page for users to sign up for an account through Gmail.
− Build a login page for users to log in to the site.
4. Products: Website for the coffee shop chain business.
INDUSTRY LEADER

INSTRUCTOR

ii

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

ASSESSMENT FORM OF INSTRUCTOR
Student name: Phan Dang Trung
Do Phi Cuong
Major: Information Technology
Topic: Building a website for a chain of coffee shops
Full name’s Instructor: Le Vinh Thinh, Ph.D

ID: 17110244
ID: 17110106

COMMENTARY
1. About the topic content &amp implementation volume
.......................................................................................................................................
............................................................................................................................
...

...
AND TEST

and the
password
is correct.

2. Enter the
registered email
and correct
password.

password =
“Abc@123”

redirect to
homepage

107

Chapter 6: CONCLUDE

Chapter 6.
CONCLUDE
6.1. Summary
Since receiving the topic and in the development process, our team has
encountered many difficulties because of the desire to apply new technologies
and languages to the system, even though they have not studied and learned
before. MERN STACK is not specialized, but it is the first step for us to improve
our knowledge and experience so that we can develop more and more in creating
a website product. Over a while trying to research and learn, our group has
d a business website with basic functions such as Admin management
functions, purchase functions, shopping carts, comments, and reviews.
6.2. Result
After a period building a website for the coffee shop chain business, thanks
to the guidance and help of Mr. Le Vinh Thinh, our team has completed most
of the functions and requirements originally set out.
Then the group will continue to build additional functionality needed in the
future to meet the needs of our customers, helping them have a better experience
in shopping at the website.
6.3. Advantages
− Developing the registration and login process of the website is relatively
true to the actual business, helping the admin to manage the accounts
easily.
− The website has a friendly interface that is easy to use.
− Order confirmation function allows Admin to review valid orders before
confirming for delivery.
− Users can leave comments and reviews for products to make shopping
more reliable and objective.
6.4. Defect
− The purchase of the website is not really close to reality.
− Website does not have high security.
6.5. Future work
− Customers can pay online by e-wallet. (Momo, ZaloPay,..)
− Incorporating 3rd parties (such as Now, Baemin, Gojek, ...) for
customers orders.

108

REFERENCES

REFERENCES
Vietnamese:
[1] Priyesh Patel (2018), “Node.js thực sự là gì?” , from :
https://topdev.vn/blog/node-js-la-gi/
[2] Sơn Dương (2019), “Xây dựng ứng dụng web với NodeJS + ExpressJS”, from:
https://vntalking.com/xay-dung-ung-dung-web-voi-nodejs-expressjs.html
[3] Bách khoa toàn thư mở Wikipedia, “Node.js”, from :
https://vi.wikipedia.org/wiki/Node.js

English:
[4] https://mongoosejs.com/docs/models.html
[5] https://reactjs.org/
[6] Xtech, from: https://ant.design/components/overview/
[7] https://reactrouter.com/web/guides/quick-start

109