Angular
TailwindCSS
Febrero 2024
Spotify Clone
Spotify Clone es una aplicación web que simula la interfaz de usuario de Spotify. Es un SPA (Single Page Aplication) que permite a los usuarios buscar por playlists y artistas, reproducir las canciones de una playlist y controlar la reproducción. Además se ha utilizado la API de ViewTransitions para realizar transiciones entre las vistas de la aplicación.
Funcionalidades
- Inicio: Muestra las playlists disponibles para el usuario.
- Búsqueda: Permite buscar por playlists y artistas.
- Detalle de una playlist: Muestra las canciones que pertenecen a la playlist.
- Detalle de una canción: Muestra la imagen del álbum e información sobre el artista en una barra lateral.
- Reproducción de canciones: Permite reproducir las canciones de una playlist.
- Cola de reproducción: Muestra las canciones que se van a reproducir a continuación.
- Modo aleatorio: Permite activar/desactivar el modo aleatorio de reproducción.
- Control de la reproudcción: Permite pausar, reanudar, avanzar y retroceder la reproducción de una canción.
- Control del volumen: Permite subir y bajar el volumen de la reproducción.
- Uso de ViewTransitions API. Se utiliza la API de ViewTransitions para realizar transiciones entre las vistas de la aplicación.
- Diseño responsive: Cuenta con un diseño adaptable para móviles, tablets y ordenadores.