Clon de Spotify: Interfaz y Funcionalidad Básica

Este proyecto es una réplica de la interfaz y funcionalidad básica de Spotify, desarrollado con Astro, React y TailwindCSS.

Características del Proyecto

• 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.

Instalación

Para instalar y ejecutar este proyecto, sigue estos pasos:

1. Clona el repositorio en tu máquina local utilizando git clone https://github.com/TomasDevCF/spotify-clone.git
2. Navega al directorio del proyecto con cd spotify-clone
3. Instala las dependencias necesarias con npm install
4. Inicia el servidor de desarrollo con npm run dev

Uso

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.