Xây dựng website nghe nhạc trực tuyến

Khóa luận tốt nghiệp: Xây dựng website nghe nhạc trực tuyến - Huỳnh Gia Kiện, ĐH Sư phạm Kỹ thuật TP.HCM

• Tác giả: Huỳnh Gia Kiện
• Người hướng dẫn: TS. Mai Anh Thơ
• Trường học: Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website nghe nhạc trực tuyến
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2025
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan đề tài khóa luận xây dựng website nghe nhạc trực tuyến

Thị trường giải trí trực tuyến phát triển rất nhanh. Nhu cầu nghe nhạc chất lượng cao trên nền tảng web ngày càng gia tăng. Khóa luận tốt nghiệp ngành Công nghệ Thông tin tại Đại học Sư phạm Kỹ thuật TP.HCM năm 2025 giải quyết bài toán này. Sinh viên Huỳnh Gia Kiện thực hiện đề tài dưới sự hướng dẫn của Tiến sĩ Mai Anh Thơ. Công trình tập trung xây dựng nền tảng phát nhạc hiện đại, vận hành mượt mà và bảo mật cao. Hệ thống đáp ứng nhu cầu nghe nhạc của người dùng đại chúng. Đồng thời, nền tảng cung cấp bộ công cụ quản trị nội dung toàn diện cho nhà quản lý. Dự án khai thác sức mạnh của hệ sinh thái JavaScript hiện đại. Toàn bộ giải pháp hướng tới tính khả thi cao trong triển khai thực tế. Khóa luận kết hợp chặt chẽ giữa lý thuyết hệ thống và ứng dụng thực tiễn. Kết quả nghiên cứu chứng minh năng lực làm chủ công nghệ mới trong môi trường đào tạo đại học kỹ thuật. Đây là tài liệu tham khảo giá trị cho các nghiên cứu tiếp theo về truyền thông đa phương tiện số.

1.1. Bối cảnh nghiên cứu đề tài tại HCMUTE

Khoa Đào tạo Quốc tế thuộc Đại học Sư phạm Kỹ thuật TP.HCM chú trọng đào tạo thực tiễn. Đề tài tốt nghiệp năm 2025 phản ánh đúng xu thế chuyển đổi số trong lĩnh vực công nghiệp âm nhạc. Nhu cầu phân phối nội dung số yêu cầu các kỹ sư phần mềm phải nắm vững kỹ thuật lập trình web hiện đại. Nghiên cứu này xuất phát từ yêu cầu xây dựng một ứng dụng đa người dùng ổn định. Hệ thống phải đảm bảo tốc độ tải trang nhanh và truyền tải luồng âm thanh liên tục. Môi trường học thuật tạo điều kiện áp dụng các quy chuẩn công nghệ tiên tiến nhất hiện nay.

1.2. Mục tiêu kỹ thuật của hệ thống phát nhạc

Mục tiêu cốt lõi của đề tài là hoàn thiện một nền tảng nghe nhạc trực tuyến hoàn chỉnh. Ứng dụng cung cấp đầy đủ chức năng quản trị danh mục bài hát, thể loại và nghệ sĩ. Người dùng có thể đăng ký tài khoản, tìm kiếm bài hát và tạo danh sách phát cá nhân. Hệ thống tích hợp tính năng phát nhạc liên tục cùng các chế độ trộn bài ngẫu nhiên hoặc lặp lại. Cơ chế xác thực tài khoản qua email đảm bảo tính định danh rõ ràng. Ngoài ra, giải pháp thương mại hóa thông qua gói thuê bao Premium tích hợp cổng thanh toán trực tuyến cũng được hoàn thiện. Toàn bộ thiết kế hướng đến chuẩn công nghiệp hiện đại.

II. Vấn đề kỹ thuật khi phát triển website nghe nhạc trực tuyến

Quá trình xây dựng một hệ thống nghe nhạc trực tuyến đối mặt nhiều rào cản kỹ thuật. Tốc độ truyền tải âm thanh cần giữ ổn định trong mọi điều kiện mạng. Người nghe đòi hỏi âm thanh liền mạch, không gián đoạn và không trễ tải. Cơ sở dữ liệu phải lưu trữ hàng ngàn bản ghi âm, danh sách nghệ sĩ và album. Việc lập chỉ mục tìm kiếm cần độ chính xác cao và phản hồi tức thì. Đồng thời, cấu trúc dữ liệu người dùng yêu cầu phân cấp rõ ràng giữa tài khoản miễn phí và thuê bao trả phí. Vấn đề xác thực bảo mật luôn tiềm ẩn rủi ro nếu thiếu cơ chế kiểm soát mã xác thực email. Việc tích hợp thanh toán tài chính cũng cần đảm bảo tính toàn vẹn dữ liệu. Bất kỳ sai lệch nào trong xử lý đơn hàng đều gây tổn hại uy tín hệ thống. Quản trị viên cần công cụ giám sát trực quan để theo dõi tương tác nội dung theo thời gian thực. Những trở ngại này đòi hỏi một kiến trúc phần mềm chuẩn xác, phân tách nhiệm vụ rành mạch giữa giao diện và dịch vụ xử lý ngầm.

2.1. Thách thức phân phối nội dung đa phương tiện

Truyền phát âm thanh trực tuyến tiêu tốn lượng băng thông máy chủ rất lớn. Nếu lưu trữ trực tiếp trên máy chủ ứng dụng thông thường, hệ thống dễ rơi vào tình trạng nghẽn cổ chai. Việc tải tệp âm thanh dung lượng nặng khiến trang web phản hồi chậm chạp. Người nghe nhạc dễ rời bỏ nền tảng khi thời gian chờ đợi vượt quá ngưỡng chấp nhận. Ngoài ra, việc xử lý định dạng tệp và tối ưu hóa hình ảnh ảnh bìa album cũng gây áp lực lớn cho tài nguyên tính toán. Một giải pháp lưu trữ đám mây chuyên biệt là yêu cầu bắt buộc nhằm giải quyết triệt để sự cố tải chậm.

2.2. Vấn đề phân quyền và bảo mật giao dịch số

Hệ thống yêu cầu kiểm soát chặt chẽ các phân quyền người dùng khác nhau. Tài khoản thường phải chịu gián đoạn bởi quảng cáo âm thanh khi chuyển bài hát. Ngược lại, người dùng trả phí đòi hỏi quyền truy cập không giới hạn và không quảng cáo. Sự luân chuyển trạng thái tài khoản cần cập nhật tức thời ngay sau khi cổng thanh toán phản hồi thành công. Mọi lỗi phát sinh trong quá trình cấp phát mã token xác minh email hoặc tạo hóa đơn đều gây ra lỗ hổng bảo mật. Đề tài buộc phải thiết kế quy trình xử lý ngoại lệ chặt chẽ nhằm bảo vệ dữ liệu giao dịch của người dùng.

III. Giải pháp công nghệ xây dựng website nghe nhạc trực tuyến

Khóa luận áp dụng mô hình kiến trúc phân tầng hiện đại để giải quyết triệt để các bài toán kỹ thuật. Giao diện người dùng được xây dựng hoàn toàn bằng Next.js. Công nghệ này hỗ trợ kết xuất phía máy chủ (SSR) và tạo trang tĩnh (SSG). Nhờ đó tốc độ tải nội dung được tối ưu vượt bậc và nâng cao hiệu quả SEO. Phía máy chủ vận hành trên nền tảng Node.js kết hợp khung làm việc Express.js gọn nhẹ. Hệ thống xử lý thông tin bằng các hàm API tách biệt rõ ràng. Dữ liệu quan hệ được lưu trữ và lập chỉ mục tối ưu trên cơ sở dữ liệu PostgreSQL. Mọi tệp đa phương tiện bao gồm bài hát và hình ảnh đều được chuyển giao cho Cloudinary lưu trữ. Giải pháp này giúp máy chủ chính giảm tải băng thông rõ rệt. Cổng thanh toán quốc tế PayPal được tích hợp trực tiếp để xử lý các gói đăng ký định kỳ. Quy trình xác thực token qua thư điện tử ngăn ngừa triệt để các hành vi gian lận tài khoản. Toàn bộ kiến trúc phối hợp nhịp nhàng, tạo nên một nền tảng vận hành mượt mà, sẵn sàng đáp ứng lưu lượng truy cập lớn.

3.1. Kiến trúc ngăn xếp công nghệ Next.js và Node.js

Next.js đóng vai trò nền móng cho toàn bộ trải nghiệm phía người dùng. Khung giao diện cung cấp hệ thống định tuyến theo cấu trúc thư mục rất tiện lợi. Khả năng chia tách mã nguồn tự động giảm đáng kể kích thước gói tải ban đầu. Máy chủ Node.js cùng Express.js đảm nhận việc xử lý các tuyến API trung gian. Hệ thống xây dựng các cổng dịch vụ Restful API để giao tiếp dữ liệu thông suốt. Cơ chế phân tách rõ ràng giữa máy khách và máy chủ giúp dễ bảo trì và nâng cấp. Kiến trúc này hỗ trợ mở rộng quy mô khi lưu lượng người dùng tăng đột biến.

3.2. Cơ sở dữ liệu PostgreSQL và hạ tầng Cloudinary

PostgreSQL đóng vai trò kho lưu trữ trung tâm cho toàn bộ dữ liệu nghiệp vụ. Mô hình quan hệ biểu diễn chính xác mối liên kết giữa bài hát, nghệ sĩ, danh sách phát và tài khoản. Các truy vấn phức tạp được tối ưu hóa chỉ mục nhằm đạt tốc độ xử lý nhanh nhất. Bên cạnh đó, nền tảng Cloudinary đảm nhận chức năng máy chủ phân phối nội dung (CDN). Các tệp âm thanh và hình ảnh bìa album được nén tự động mà không làm suy giảm chất lượng nghe nhìn. Sự kết hợp giữa PostgreSQL và Cloudinary tạo nên hạ tầng lưu trữ vững chắc, bảo đảm hiệu suất ổn định cho toàn hệ thống.

IV. Đánh giá ứng dụng thực tế website nghe nhạc trực tuyến

Khóa luận đã hoàn thành mục tiêu đề ra với một sản phẩm website hoàn chỉnh. Ứng dụng đáp ứng đầy đủ các yêu cầu kỹ thuật và nghiệp vụ phát nhạc hiện đại. Người dùng có thể nghe nhạc, quản lý danh sách cá nhân và thanh toán gói dịch vụ thuận tiện. Bảng điều khiển quản trị cung cấp đầy đủ công cụ quản lý nội dung số. Kết quả thử nghiệm ghi nhận hệ thống vận hành ổn định trên nhiều thiết bị. Tốc độ nạp trang và phát luồng âm thanh đạt tiêu chuẩn kiểm thử khắt khe. Mô hình kinh doanh kết hợp quảng cáo và thuê bao mang lại tính khả thi cao. Đồ án nhận được đánh giá tích cực từ hội đồng chuyên môn trường Đại học Sư phạm Kỹ thuật TP.HCM. Công trình chứng minh khả năng ứng dụng hiệu quả các công nghệ web tiên tiến vào giải quyết bài toán thực tiễn. Nền tảng sở hữu tiềm năng thương mại hóa và phát triển thành sản phẩm phần mềm độc lập trên thị trường số.

4.1. Kết quả nghiệm thu đồ án tốt nghiệp HCMUTE

Báo cáo khóa luận được hoàn tất đúng tiến độ vào tháng 5 năm 2025. Giảng viên hướng dẫn Tiến sĩ Mai Anh Thơ đánh giá cao tính hoàn thiện kỹ thuật của dự án. Sản phẩm chạy thử nghiệm thành công toàn bộ kịch bản sử dụng thực tế. Người dùng có thể thực hiện trơn tru các thao tác tìm kiếm, nghe nhạc và thanh toán trực tuyến. Khung kiểm thử xác nhận hệ thống không phát sinh lỗi nghiêm trọng về bộ nhớ hoặc bảo mật dữ liệu. Hội đồng chuyên môn ghi nhận nỗ lực nghiên cứu và năng lực lập trình của sinh viên tốt nghiệp. Đồ án đáp ứng chuẩn đầu ra khắt khe của chuyên ngành Công nghệ Thông tin.

4.2. Hướng phát triển và mở rộng ứng dụng trong tương lai

Nền tảng mở ra nhiều tiềm năng nâng cấp đáng chú ý trong các giai đoạn tiếp theo. Thuật toán gợi ý âm nhạc có thể tích hợp thêm các mô hình học máy chuyên sâu. Hệ thống sẽ phân tích hành vi nghe nhạc chi tiết hơn để đề xuất bài hát chính xác theo tâm trạng. Nền tảng cũng có thể bổ sung tính năng phát nhạc ngoại tuyến cho người dùng ứng dụng di động. Việc tích hợp thêm các cổng thanh toán nội địa như MoMo hoặc VNPay sẽ giúp mở rộng thị phần người nghe tại Việt Nam. Đây là tiền đề vững chắc để phát triển giải pháp thành một dịch vụ âm nhạc số thương mại hoàn chỉnh.

Trích đoạn nội dung tài liệu

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS MAJOR: INFORMATION TECHNOLOGY DEVELOP A MUSIC STREAMING WEBSITE INSTRUCTOR: MAI ANH THO STUDENT: HUYNH GIA KIEN Ho Chi Minh city, May 2025 HO CHI MINH UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INTERNATIONAL EDUCATION ---------------------------- CAPSTONE PROJECT DEVELOP A MUSIC STREAMING WEBSITE Instructor: PhD. Mai Anh Thơ Students: Huỳnh Gia Kiện - 19110152 Ho Chi Minh City, May 2025 SOCIALIST REPUBLIC OF VIETNAM Independence - Freedom – Happiness ******* Ho Chi Minh City, May 2025 CAPSTONE PROJECT OBJECTIVES Students’ names: 1. Huỳnh Gia Kiện ID: 19110152 Class: 19110CLA4 Major: Information Technology Instructor: PhD. Mai Anh Thơ Date of assignment: 10/02/2025 Date of submission: 24/05/2025 1- Project title: Develop a music streaming website 2- Initial materials provided by supervisor: None 3- Content of the project: Theory: - Nextjs - Nodejs - Expressjs - PostgreSQL - Cloudinary Practice: Develop a music streaming website with these main features: • Enable website admins to oversee user accounts, manage subscriptions, songs, genres, and artist albums efficiently.

• Empower website admins to perform CRUD operations on songs, genres, and album information. • Allow website admins to monitor and update subscription statuses based on user activities. • Provide users with the ability to browse and search songs by genre or artist. • Allow users to register, log in using email or phone number, manage profiles, and handle subscription payments via PayPal.

• Notify users about subscription status and payment history to help them stay informed, and to assist admins in tracking user actions. • Enable users to create, shuffle, replay, and repeat playlists for a more personalized music experience. • Offer personalised song recommendations based on listening history and user preferences. • Display ads for free users between songs and provide an ad-free experience for premium subscribers.

• Allow users to select and manage monthly or yearly service packages and view invoices conveniently. 4- Final product: An complete music streaming website HEAD OF INFORMATION TECHNOLOGY INSTRUCTOR PROGRAM (Sign with full name) (Sign with full name) Mai Anh Thơ THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness ******* INSTRUCTOR’S EVALUATION SHEET Students’ names: 1. Huỳnh Gia Kiện ID: 19110152 Class: 19110CLA4 Major: Information technology Project title: Develop a music streaming website Instructor: PhD. Mai Anh Thơ EVALUATION: 1.

Content of project:. Approval for oral defense? (Approved or denied) .) Ho Chi Minh City, May 2025 INSTRUCTOR (Sign with full name) Mai Anh Thơ THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness ******* REVIEWER’S EVALUATION SHEET Students’ names: 1. Huỳnh Gia Kiện ID: 19110152 Class: 19110CLA4 Major: Information technology Project title: Develop a music streaming website Reviewer: MSc. Nguyễn Thanh Phước EVALUATION: 1.

Content and workload of the project:. Approval for oral defense? (Approved or denied) .) Ho Chi Minh City, May 2025 REVIEWER (Sign with full name) Nguyễn Thanh Phước ACKNOWLEDGEMENTS I would like to express my appreciation to the instructor, PhD. Mai Anh Tho, who worked closely with me to develop a project that enabled me to successfully finish my report. Throughout this course, you have constantly assisted me with my difficulties in the study process as well as provided excellent feedback and recommendations to help me grow as a developer in the future.

As a result, you have become my inspiration for this final project, and I would like to express my gratitude for the opportunity to learn from you in this course. Working on this final assignment has been a journey of discovery. While I recognized my own shortcomings and areas for growth, I am truly grateful for the opportunity to face these challenges. This experience has been invaluable for my personal and professional development.

I now feel equipped with the knowledge I need to excel in this subject. Additionally, I want to thank my classmates for sharing a wealth of knowledge and pertinent insights that helped me strengthen my thesis. Completing the subject and report within a short timeframe, with limited resources and varying levels of expertise in programming execution, has been a challenging yet rewarding process. As a result, I acknowledge that there may be flaws in the project.

I eagerly await your significant feedback so that I can improve and perform better next time. This final project reflects my tireless efforts throughout the semester. As a novice, I am aware that my design has numerous shortcomings. I welcome any feedback and suggestions for improving my project.

I deeply appreciate your guidance and support. Sincerely! Ho Chi Minh City, May 2025 Huỳnh Gia Kiện - 19110152 TABLE OF CONTENTS CAPSTONE PROJECT OBJECTIVES. 2 INSTRUCTOR’S EVALUATION SHEET. 4 REVIEWER’S EVALUATION SHEET.

8 TABLE OF CONTENTS. 1 LIST OF FIGURES. 5 LIST OF TABLES. Reason for choosing the topic.

Purpose of project. 10 CHAPTER 02: THEORY FUNDAMENTAL. 25 CHAPTER 03: SURVEY AND SYSTEM REQUIREMENT. Surveys on popular music streaming platforms.

Non-Functional requirements. 32 CHAPTER 04: SYSTEM ANALYST AND DESIGN. Usecase specification and Sequence Diagram. Manage personal profile.

Subscribe to premium. Database table details. Reset password page. Song Detail Page.

Admin Account Page. Admin Song Page. Admin Album Page. Admin Artist Page.

90 CHAPTER 05: IMPLEMENTATION AND TESTING. Knowledge and skills. Strengths and drawbacks. 102 4 LIST OF FIGURES Figure 2.2: Apple Music website .4: Reset password sequence .5: Manage personal profile sequence .6: Active email sequence .7: Subscribe to premium sequence .8: Manage playlist sequence .10: Play song sequence .11: Manage accounts sequence .12: Manage songs sequence .13: Manage albums sequence .14: Manage artists sequence .18: Reset password page .24: Song Detail Page .26: Artist Detail Page.32: Admin Account Page .33: Admin Account Detail Panel .34: Admin Song Page .35: Admin Song Detail Page .36: Admin Album Page .37: Admin Album Detail Panel .38: Admin Artist Page .39: Admin Artist Detail Panel .97 6 LIST OF TABLES Table 2.

Front-End Libraries. Back-End Libraries. Advantages and Disadvantages of Spotify. Advantages and Disadvantages of Apple Music .1: Login use case specification .2: Register use case specification .3: Reset password use case specification .4: Manage personal profile use case specification .5: Active email use case specification .6: Subscribe to premium use case specification .7: Manage playlist use case specification .8: Search use case specification .9: Play song use case specification .10: Manage accounts use case specification .11: Manage songs use case specification .12: Manage albums use case specification .13: Manage artists use case specification .27: Register Page Object .28: Reset Password Page Object.

Login Page Object .31: Profile Page Object .32: Subscription Page Object .33: Song Page Objects .34: Song Detail Page Objects .35: Artist Page Objects .36: Artist Detail Page Objects .37: Album Page Objects .38: Album Page Objects .39: Admin Page Objects .40: Admin User Page Objects .41: Admin Subscription Page. Admin Album Page. Admin Artist Page. Production test accounts.98 8 CHAPTER 1: INTRODUCTION CHAPTER 01: INTRODUCTION 1.

Reason for choosing the topic As digital entertainment continues to grow, more people are turning to music streaming platforms for relaxation and enjoyment rather than purchasing physical albums or downloading songs. The convenience of accessing music anytime, anywhere has made online streaming a popular and relevant topic to explore. I aim to develop a user-friendly music streaming application that provides a modern and engaging experience, allowing users to enjoy their favorite tracks on any device. This platform not only delivers entertainment but also introduces users to new music based on their listening habits, creating a more personalized experience.

Purpose of project The main goal of the project is to offer users instant and easy access to a rich and diverse library of songs categorized by genres, artists, and albums. The application is designed to deliver high-quality, stable music streaming with smart features such as playlist customization, personalized song recommendations, and multiple playback options. Users can manage their profiles, make secure subscription payments, and enjoy a music experience tailored to their preferences—whether they're casual listeners or music lovers. Object & scope Product scope: - Product Goal: Build a feature-rich music streaming platform similar to popular services, with an intuitive interface and personalized experience.

- Core Functions: Focus on live music streaming, playlist management, user account and subscription handling and integrated payment options. - Target Users: Music listeners of all ages. - Development Direction: Expand the music catalog, introduce more payment options, and optimize audio quality and performance. 9 CHAPTER 1: INTRODUCTION Project scope: - Platform Development: Design and build both the backend (database, server logic) and frontend (user interface, audio player).

- Service Integration: Integrate secure payment systems (e., PayPal), subscription services, and advertisement modules for free users. - Testing and Quality Assurance: Conduct functional, performance, and compatibility testing across devices and internet conditions. - Project Management: Organize development stages, from core MVP launch to additional feature rollouts, while managing progress and risks. - Support and Maintenance: Provide technical support, platform updates, and system monitoring to ensure smooth and reliable operation.

Expected results The project is expected to result in a modern, easy-to-use music streaming platform that allows users to browse, search, stream, and manage playlists effortlessly. With smart features like shuffle, repeat, and personalized song recommendations, the platform enhances user engagement and satisfaction. Admins will be able to efficiently manage songs, genres, and artist albums, as well as monitor user subscriptions and system activities. Overall, the platform aims to deliver a high-quality, ad-supported or premium experience that meets the needs of both casual and dedicated music listeners.

10 CHAPTER 02: THEORY FUNDAMENTAL CHAPTER 02: THEORY FUNDAMENTAL 2. System Architecture In my front-end development, I utilize ReactJS with NextJS framework. At back-end, I harness the capabilities of NodeJS for API development. My database solution is powered by PostgreSQL.

The overall system architecture adheres to the Client-Server Model, strategically capitalizing on the inherent flexibility and performance benefits offered by these seamlessly integrated technologies. System Architecture 11 CHAPTER 02: THEORY FUNDAMENTAL 2. Front-End Table 2. Front-End Libraries Library Version Description A modern React UI library designed to help 2.6- heroui/react developers build accessible and customizable beta.

paypal/react-paypal- A React wrapper for integrating PayPal 8.0 js buttons and other functionalities. A customizable slider component for React radix-ui/react-slider 1. Tools for handling server-side rendering react-aria/ssr 3. react-aria/visually- A utility for visually hidden elements (like 3.12 hidden screen-reader text).

Icon components for React, based on Tabler's tabler/icons-react 3. A lightweight library to create confetti effects canvas-confetti 1.3 on a web canvas. A library for managing image and video cloudinary 2.1 uploads and transformations via the Cloudinary API. A utility for dynamically combining class clsx 2.1 names based on conditions.

embla-carousel- A lightweight, customizable carousel slider 8.0 autoplay library for React. A plugin for Embla Carousel that enables embla-carousel-react 8. 12 CHAPTER 02: THEORY FUNDAMENTAL A powerful animation library for React, framer-motion 11.1 useful for creating fluid and interactive UI animations. A utility to find files/directories using glob 11.

A library for formatting messages for intl-messageformat 10.0 internationalization A popular library for parsing, manipulating, moment 2.1 and formatting dates and times. The core Next.js library for building React- next 14.13 based web applications with server-side rendering and static site generation. An authentication library for Next.js next-auth 4.8 supporting various providers (e., Google, GitHub, etc.js-specific Cloudinary utility for next-cloudinary 6.0 managing media in your app. A theme management library for handling next-themes 0.1 light/dark mode in Next.

The core libraries for building React react 18. The core libraries for building React react-dom 18.1 applications react-simple-star- A simple star rating component for React 5. A library for showing toast notifications in react-toastify 10. 13 CHAPTER 02: THEORY FUNDAMENTAL A charting library built with React and D3, recharts 2.1 aiming to simplify the process of creating charts in React applications.

A utility for deleting files and directories (a rimraf 6.1 cross-platform alternative to rm -rf). A JavaScript package manager that also yarn 1.22 functions as a project manager.