title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿Ð° Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½Ð¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of the prototype music web application
Creators: name: ÐÐ¾ÑÑÑÐ»ÑÐºÐ¾Ð²Ð°, ÐÐ¾Ð»Ð¸Ð½Ð°
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2024
Subjects: Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½ÑÐ¹ ÑÐµÑÐ²Ð¸Ñ
Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Single Page Application
ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐº Next.js
ÑÐ·ÑÐº Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ TypeScript
music service
web application
framework Next.js
TypeScript programming language

description: Ð¦ÐµÐ»ÑÑ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿Ð° Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½Ð¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, Ð³Ð»Ð°Ð²Ð½Ð¾Ðµ Ð¿ÑÐµÐ´Ð½Ð°Ð·Ð½Ð°ÑÐµÐ½Ð¸Ðµ ÐºÐ¾ÑÐ¾ÑÐ¾Ð³Ð¾ ÑÐ¾ÑÑÐ¾Ð¸Ñ Ð² Ð¿ÑÐ¾ÑÐ»ÑÑÐ¸Ð²Ð°Ð½Ð¸Ð¸ Ð¼ÑÐ·ÑÐºÐ¸, Ð·Ð°Ð³ÑÑÐ¶ÐµÐ½Ð½Ð¾Ð¹ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¼. Ð¢Ð°ÐºÐ¶Ðµ Ð´Ð°Ð½Ð½Ð¾Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ð´Ð¾Ð»Ð¶Ð½Ð¾ Ð¾Ð±Ð»Ð°Ð´Ð°ÑÑ ÑÐ¾Ð¿ÑÑÑÑÐ²ÑÑÑÐµÐ¹ Ð±Ð¸Ð·Ð½ÐµÑ-Ð»Ð¾Ð³Ð¸ÐºÐ¾Ð¹, ÐºÐ¾ÑÐ¾ÑÐ°Ñ Ð¿ÑÐ¸ÑÑÑÐ° ÑÐµÑÐ²Ð¸ÑÐ°Ð¼ Ð¿Ð¾Ð´Ð¾Ð±Ð½Ð¾Ð³Ð¾ ÑÐ¸Ð¿Ð°, Ð½Ð°Ð¿ÑÐ¸Ð¼ÐµÑ, Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ðµ Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½ÑÑ Ð°Ð»ÑÐ±Ð¾Ð¼Ð¾Ð² Ð´Ð»Ñ ÑÐ´Ð¾Ð±Ð½Ð¾Ð¹ Ð³ÑÑÐ¿Ð¿Ð¸ÑÐ¾Ð²ÐºÐ¸ Ð°ÑÐ´Ð¸Ð¾Ð·Ð°Ð¿Ð¸ÑÐµÐ¹, Ð¿Ð¾Ð¸ÑÐº Ð¿Ð¾ Ð¼ÑÐ·ÑÐºÐµ Ð¸ Ð°Ð»ÑÐ±Ð¾Ð¼Ð°Ð¼. ÐÐ¾Ð¼Ð¸Ð¼Ð¾ ÑÑÐ¾Ð³Ð¾, Ð¾Ð¶Ð¸Ð´Ð°ÐµÑÑÑ Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ðµ Ð°Ð»Ð³Ð¾ÑÐ¸ÑÐ¼Ð° Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½ÑÑ ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¹ Ð´Ð»Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ, ÑÑÐ°ÑÐ¸ÑÑÐ¸ÐºÐ¸ Ð¿ÑÐ¾ÑÐ»ÑÑÐ°Ð½Ð½ÑÑ Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½ÑÑ ÐºÐ¾Ð¼Ð¿Ð¾Ð·Ð¸ÑÐ¸Ð¹ Ð¸ ÑÐ°Ð¹Ð¼ÐµÑÐ° Ð¾ÑÐºÐ»ÑÑÐµÐ½Ð¸Ñ Ð¼ÑÐ·ÑÐºÐ¸. Ð ÑÐ¾Ð´Ðµ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¸ Ð¿ÑÐ¾Ð°Ð½Ð°Ð»Ð¸Ð·Ð¸ÑÐ¾Ð²Ð°Ð½Ñ Ð½ÐµÐºÐ¾ÑÐ¾ÑÑÐµ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ðµ Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½ÑÐµ ÑÐµÑÐ²Ð¸ÑÑ Ð½Ð° ÑÑÐ½ÐºÐµ, Ð¸ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ñ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. ÐÐ»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð±ÑÐ» Ð²ÑÐ±ÑÐ°Ð½ fullstack-ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐº Next.js, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·ÑÐµÑÑÑ Ð´Ð»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð½Ð° ÑÐ·ÑÐºÐµ JavaScript Ð¸ ÑÐ°Ð±Ð¾ÑÐ°ÐµÑ Ð² ÑÑÐµÐ´Ðµ Node.js. Ð¢Ð°ÐºÐ¶Ðµ Ð² ÑÐ°Ð±Ð¾ÑÐµ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»ÑÑ Ð¾Ð±Ð»Ð°ÑÐ½ÑÐ¹ ÑÐµÑÐ²Ð¸Ñ Supabase, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð¿ÑÐµÐ´Ð¾ÑÑÐ°Ð²Ð»ÑÐµÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÑÐ¸ÐºÐ°Ð¼ Ð¡Ð£ÐÐ PostrgeSQL, ÑÐ°Ð¹Ð»Ð¾Ð²Ð¾Ðµ ÑÑÐ°Ð½Ð¸Ð»Ð¸ÑÐµ, Ð° ÑÐ°ÐºÐ¶Ðµ ÑÐ»ÑÐ¶Ð±Ñ Ð°ÑÑÐµÐ½ÑÐ¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¸ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¹. ÐÑÐ»Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ñ Ð¼Ð¾Ð´ÑÐ»ÑÐ½ÑÐµ ÑÐµÑÑÑ Ð½ÐµÐºÐ¾ÑÐ¾ÑÑÑ ÑÑÐ½ÐºÑÐ¸Ð¹, Ð° ÑÐ°ÐºÐ¶Ðµ ÑÐµÑÑÐ¾Ð²ÑÐµ ÑÑÐµÐ½Ð°ÑÐ¸Ð¸ Ð´Ð»Ñ ÑÑÑÐ½Ð¾Ð³Ð¾ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ. ÐÑÐ¾Ð¼Ðµ ÑÐ¾Ð³Ð¾, Ð±ÑÐ»Ð¸ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ñ ÑÐµÑÑÑ Ð¿ÑÐ¾Ð¸Ð·Ð²Ð¾Ð´Ð¸ÑÐµÐ»ÑÐ½Ð¾ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. ÐÐ¾Ð»ÑÑÐµÐ½Ð½ÑÐ¹ ÑÐµÐ·ÑÐ»ÑÑÐ°Ñ ÑÐ°Ð±Ð¾ÑÑ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½, ÐºÐ°Ðº Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿ Ð¼ÑÐ·ÑÐºÐ°Ð»ÑÐ½Ð¾Ð³Ð¾ ÑÐµÑÐ²Ð¸ÑÐ° Ð² Ð²Ð¸Ð´Ðµ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ.
description: The purpose of the work is to develop the prototype of the music web application, the main aim of which is to provide an opportunity to listen to music uploaded by a user. In addition, this web application must have the accompanying business logic that is inherent in services of this type, for example, adding music albums for convenient grouping of audio recordings, searching for music and albums. It is also expected to introduce an algorithm of musical recommendations for a user, statistics of listened music tracks and a music mute timer. During the work, some existing music services on the market were analyzed and web application development technologies were defined. The fullstack framework Next.js was chosen for the development of the application. It is often used to develop applications in JavaScript. Next.js runs in Node.js environment. The Supabase cloud service, which provides PostrgeSQL DBMS, file storage, as well as a user authentication service, was also used for work. Unit tests of the web applications functions and test scenarios for manual testing were developed. In addition, performance tests were conducted. The result of work can be used as a prototype of a music service in the form of a web application.