a.k.a. SpotiManz
Music Manz Player es un clon de la UI de Spotify, construido en Astro utilizando CSS y Javascript vanilla y emitido en directo en mi canal de Twitch y resubido a mi canal de YouTube.
El objetivo de este proyecto es aprender a utilizar Astro, Javascript vanilla y CSS vanilla con un proyecto real, con canciones que hicimos nosotros mismos utilizando Suno, a raiz del proyecto music.manz.dev.
- 🌎 URL: https://music.manz.dev/player
- 🌎 Proyecto original: https://music.manz.dev/
- 🌎 Mis redes: https://links.manz.dev/
- Reorganizar código en Astro
- Añadir permalinks con anchor para acceder a listas especificas
- Implementar un skeleton para cuando esté cargando
- Memoizar las funciones de actualización del timeUpdate
- Implementar flechas (botones) de cambiar de lista
- Implementar responsive
- Implementar el shuffle (random)
- Animaciones al mostrar covers de canciones
- Personalizar la barra de scroll
- Barra de progreso cuando reproduces la canción
- Barra de volumen
- List Header (WebComponent)
- Implementar el repeat (loop canción actual)
- Fetch a la lista concreta y cambiar la lista de canciones
- Implementar card de la portada
- Revisar rutas para que apunten a
/player
