https://github.com/leladatan/spotify

Spotify-web fullstack
https://github.com/leladatan/spotify

debounce eslint nextjs react-icons reactjs supabase tailwind ts use-sound zustand

Last synced: 8 days ago
JSON representation

Spotify-web fullstack

• Host: GitHub
• URL: https://github.com/leladatan/spotify
• Owner: Leladatan
• Created: 2023-06-28T15:26:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-15T16:27:05.000Z (about 1 year ago)
• Last Synced: 2024-12-03T19:12:04.870Z (2 months ago)
• Topics: debounce, eslint, nextjs, react-icons, reactjs, supabase, tailwind, ts, use-sound, zustand
• Language: TypeScript
• Homepage: https://spotify-two-murex.vercel.app/
• Size: 616 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project [Spotify](https://spotify-two-murex.vercel.app/) (clone)

![spotify](https://www.iguides.ru/upload/medialibrary/d65/d65a366ca215feefc9150656ac09f285.jpg)

___

# Информация по проекту

Данный проект является копией Spotify. 

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

Проект написан на Next.js в связке с Supabase. Из текущего функционала, который есть на сайте:

+ Добавление песен

+ Пометить любимую песню

+ Прослушивание песен

+ Переключение песен

+ Повтор

+ Mute/Unmute песен

+ Авторизация/Регистрация

+ Готовая страница аккаунта - редактирование профиля, его отображение и отображение библиотеки треков, которые добавлял пользователь

+ Изменяемые поля: Имя и аватар

+ Прослушивание треков стало намного лучше! Теперь volume, сохраняется на клиенте и не спадает при переключении треков

+ Полный адаптив с ПК до телефона

___

# Заключение

Проект фактически готов, единственный недостаток это загрузка сразу всего массива песен, т.е нет ленивой загрузки при скролле или что-то подобное, грузиться сразу весь массив с сервера.

А в целом проект вышел хорошим опытом для меня в дальнейшем, пока, что этот проект лучшее, что я мог редактировать.