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

GRADUATION THESIS
MAJOR: INFORMATION TECHNOLOGY

A STREAMING MUSIC WEBISTE

INSTRUCTOR: PHD. MAI ANH THO
STUDENT:

PHAM NGOC DUY DAN
LE KHOI NGUYEN

Ho Chi Minh city, December 2024

MINISTRY OF EDUCATION AND TRAINING
HCMC UNIVERSITY OF TECHNOLOGY AND EDUCATION
FACULTY OF INTERNATIONAL EDUCATION
□□&amp□□

GRADUATION PROJECT

A STREAMING MUSIC WEBSITE
Lecturer: PhD. Mai Anh Thơ
Group Members:
Pham Ngoc Duy Dan

19110113

Le Khoi Nguyen

19110098

Ho Chi Minh City, December, 2024

SOCIALIST REPUBLIC OF VIETNAM
Independence - Freedom –
Happiness
GRADUATION THESIS TASK
Students’ names:

1. Phạm Ngọc Duy Đan
2. Lê Khôi Nguyên

Major: Information technology

ID: 19110113

ID: 19110098

******

Class: 19110CLA4

Class: 19110CLA3

Lecturer: PhD. Mai Anh Thơ
1. Project name: A STREAMING MUSIC WEBSITE
2. Original data and documents: None
3. Content implementation of the topic:
- Research and learn Next JS, React Query, ReactJS, Recombee, PostgreSQL, Nodejs,
and Strapi,.

- Build a website using a basic Music streaming platform to sell products around the
pet and provide the service for caring pets.

HEAD OF INFORMATION TECHNOLOGY
PROGRAM

INSTRUCTOR

(Sign with full name)

(Sign with full name)

Mai Anh Thơ

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

INSTRUCTOR’S COMMENTARY
Student’s names:

1. Phạm Ngọc Duy Đan
2. Lê Khôi Nguyên
19110CLA3

Student ID: 19110113

Student ID: 19110098

Class: 19110CLA4
Class:

3. Major: Information Technology

Project’s name: A STREAMING MUSIC WEBSITE
Instructor’s full name: PhD. Mai Anh Thơ
COMMENTARY:

1. Project’s contents and workload:
2. Advantages:
3. Disadvantages:
4. Approving for dissertation defense or not?
5. Achievement level:
6. Mark:

Ho Chi Minh City, Dec - 2024
INSTRUCTOR

(Sign with full name)

SOCIALIST REPUBLIC OF VIETNAM
Independence - Freedom –
Happiness

Mai Anh******
Thơ

SOCIALIST REPUBLIC OF VIETNAM
Independence - Freedom –
Happiness
REVIEWER’S COMMENTARY
Student’s names:

1. Phạm Ngọc Duy Đan
2. Lê Khôi Nguyên
19110CLA3

Student ID: 19110113

Student ID: 19110098

******

Class: 19110CLA4
Class:

3. Major: Information Technology

Project’s name: A STREAMING MUSIC WEBSITE

Reviewer’s full name: MSc. Nguyễn Đức Khoan
COMMENTARY:

1. Project’s contents and workload:
2. Advantages:
3. Disadvantages:
4. Approving for dissertation defen
...

...
rapi, PostgreSQL,

Vercel, Render, and Aiven) can be complex, especially for beginners. Each
service has its configuration and setup requirements.

74

CHAPTER 6 : CONCLUSIONS
● Cost: Depending on the scale of the app, hosting on platforms like Render and
Aiven may incur higher costs compared to self-hosting solutions.
● Performance Under Load: Although the architecture is scalable, handling very
high loads might require fine-tuning of PostgreSQL configurations and further
optimizations in serverless functions.

6.4 SOURCE CODE

The source code for the music web app is available in a repository. It includes

the front-end built with Next.js, the back-end with Strapi, and the necessary

configurations for PostgreSQL. The source code also contains deployment s and

configuration files for Vercel, Render, and Aiven to ensure smooth deployment and
integration across the various platforms.

Here is the like to code on github: https://github.com/Will-Zidane/music-

streaming

6.5 FUTURE WORK

● Advanced Search Features: Enhance the search functionality by integrating
more advanced features like filtering by genre, artist, or album.

● User Personalization: Implement features for user-generated content, including
custom playlists and song recommendations based on listening history.

● Mobile App Integration: a mobile version of the app to increase
accessibility for users on the go.

● AI Recommendations: Integrate AI-powered recommendation systems to
suggest songs or playlists based on user behavior.

75

CHAPTER 6 : CONCLUSIONS

REFERENCES
● Next.js
Next.js. Next.js Documentation. Accessed December 2024. https://nextjs.org/.
● Strapi
Strapi. Strapi Documentation. Accessed December 2024. https://strapi.io/.
● PostgreSQL
PostgreSQL. PostgreSQL Documentation. Accessed December 2024.
https://www.postgresql.org/.
● Vercel
Vercel. Vercel Documentation. Accessed December 2024. https://vercel.com/.
● Render
Render. Render Documentation. Accessed December 2024. https://render.com/.
● Aiven
Aiven. Aiven Documentation. Accessed December 2024. https://aiven.io/.

76

CHAPTER 6 : CONCLUSIONS
WORK DISTRIBUTION TABLE
Full Name

ID

Phạm Ngọc
Duy Đan

19110113

Task

-

Lê Khôi
Nguyên

19110098

-

Evaluation

Build Nextjs
100%
website
Using Strapi to
build Back-end
Using Postgres for
database
Host project on
Vercel
Host database on
Aiven
Host Strapi on
Render
Get Paypal API
for pay method

100%

77

S

K

L

0

0

2

1

5

4