Описание проекта: небольшой сайт с возможностью прослушивать музыку.
Возможности:
- искать песни;
- отмечать песни любимыми (они будут автоматически сохраняться в раздел понравившихся песен);
- создавать плейлисты;
- добавлять песни в плейлисты;
- проигрывать песни.
Ссылка на дизайн в Figma. Для удобства в репозиторий также загружена pdf-версия.
Фронтенд запускается на порту 3000, бекенд - на 8080.
В неавторизованной зоне есть три страницы:
-
главная страница - приглашение авторизоваться или зарегистрироваться;
-
страница с авторизацией. С неё есть возможность перейти на страницу с регистрацией;
-
страница с регистрацией. С неё есть возможность перейти на страницу с авторизацией.
В авторизованной зоне есть:
- главная страница с двумя плейлистами: "популярное" и "новинки";
- страница с понравившимися песнями;
- страница с плейлистами пользователя;
- страница, на которой можно искать песни (открывается при нажатии на лупу).
При нажатии на плейлисты пока что идёт перенаправление на главную страницу.
При нажатии на иконку (ноты) тоже идёт перенаправление на главную страницу.
Зона для неавторизованных пользователей:
-
Главная страница
-
Страница с авторизацией
-
Страница с регистрацией
Зона для авторизованных пользователей:
-
Главная страница
-
Понравившиеся песни
-
Плейлисты
-
Поиск
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent