Este proyecto es una réplica de la interfaz y funcionalidad básica de Spotify, desarrollado con Astro, React y TailwindCSS.
- Interfaz de Menú y Playlist: Se ha recreado una interfaz similar a la de Spotify, incluyendo el menú y la playlist.
- Funcionalidad de Reproducción: Al hacer clic en el botón de "play", se reproduce la canción seleccionada. Al finalizar una canción, automáticamente se reproduce la siguiente en la playlist. Si la canción que termina es la última de la playlist, se vuelve a la primera canción.
- Barra de Desplazamiento: Se ha implementado una barra de desplazamiento para ajustar el volumen y el tiempo de reproducción de la canción.
- Control Manual de Canciones: Se puede pasar a la siguiente canción o a la canción anterior manualmente.
- Diseño Responsive: La web es responsive y se adapta a diferentes dispositivos, incluyendo celulares, tablets y computadoras.
Para instalar y ejecutar este proyecto, sigue estos pasos:
- Clona el repositorio en tu máquina local utilizando
git clone https://github.com/TomasDevCF/spotify-clone.git - Navega al directorio del proyecto con
cd spotify-clone - Instala las dependencias necesarias con
npm install - Inicia el servidor de desarrollo con
npm run dev
Una vez que el servidor esté en funcionamiento, puedes abrir tu navegador y visitar http://localhost:4321 para ver la aplicación en acción.
Puedes interactuar con la interfaz de usuario para reproducir canciones, ajustar el volumen y el tiempo de reproducción, y cambiar de canción manualmente. La interfaz se adapta a diferentes tamaños de pantalla, por lo que puedes probarla en tu teléfono, tablet o computadora.
Recuerda que este proyecto es solo una demostración.