Deep-Sound

Описание проекта

Веб-приложение музыки, дизайн и изображения взяты из веб-приложения МТС-музыка. Проект включает в себя следующие функции:

• прослушивание треков в слайдере
• прослушивание треков в чарте
• прослушивание плейлистов по жанрам и подборкам
• переключение треков
• зацикливание трека
• увеличение/уменьшение громкости
• перемотка времени трека
• добавление треков в закладки
• удаление треков из закладок
• создание своих плейлистов
• добавление треков в свои плейлисты
• удаление треков из своих плейлистов
• изменение названия своих плейлистов
• удаление своих плейлистов
• регистрация
• авторизация
• выход/удаление профиля
• смена темы (светлая/тёмная)

Технологии

Backend

• MOKKY.DEV - сервис генерации REST API

Frontend

• ReactJS - библиотека для создания пользовательских интерфейсов
• TypeScript - строго типизированный язык программирования, построенный на JavaScript
• Redux Toolkit - инструмент для управления состоянием данных и пользовательским интерфейсом
• React Router v6 - библиотека для навигации по проекту
• Axios - библиотека для выполнения HTTP-запросов
• React Hooks - useEffect, useState, useRef, useCallback
• SASS (SCSS) - метаязык на основе CSS
• React Hook Form - библиотека для валидации формы
• Swiper - библиотека для создания слайдера
• React Content Loader - библиотека для создания скелетонов
• Code Splitting - разделение кода
• Prettier - инструмент для автоформатирования кода
• React Icons - подключаемые иконки
• Vite - инструмент сборки

Установка и запуск

Инструкция по установке

1. Склонируйте репозиторий

git config --global http.postBuffer 524288000

https://github.com/ValeriaPostylyakova/Deep-Sound.git

Или скачайте репозиторий в виде Deep-Sound-main.zip

2. Перейдите в директорию проекта

cd Deep-Sound

3. Установите пакеты

yarn install

4. Запустите локальный сервер

yarn dev

Использование

После запуска будет доступен следующий функционал: прослушивание треков, добавление треков в закладки, переключение темы.

Для того, чтобы создавать свои плейлисты, необходимо пройти регистрацию или авторизоваться на сайте.

После регистрации будет доступен весь функционал приложения

Лицензия

Приложение распространяется по лицензии Apache License 2.0.

Авторы проекта

• Valeria Postylyakova - разработчик приложения