Scrotify

Descripción

Este repositorio contiene un clon básico de Spotify, construido con Astro, un generador de sitios front-end de alto rendimiento. Se han implementado componentes de React y Svelte para mejorar la experiencia del usuario. El estado de la aplicación se gestiona con Zustand, una biblioteca mínima y reactiva, y el diseño se ha realizado con Tailwind CSS, un marco de diseño de componentes de bajo nivel.

El objetivo del proyecto es aprender a utilizar Astro y explorar sus capacidades para construir aplicaciones web modernas, además de mejorar las habilidades de diseño y desarrollo front-end utilizando diversas tecnologías y bibliotecas.

Características

• Interfaz de usuario similar a Spotify.
• Reproducción de música en tiempo real, con controles de reproducción y volumen.
• Página de inicio con listas de reproducción y páginas individuales para cada una de las playlists.
• Diseño adaptable a diferentes dispositivos (responsive design).

Tecnologías utilizadas

• Astro
• React
• Svelte
• Zustand
• Tailwind CSS

Instalación

1. Clona este repositorio: git clone https://github.com/matiasagbenitez/spotify-astro.git

2. Navega a la carpeta del proyecto: cd spotify-astro

3. Instala las dependencias: npm install o bun install

4. Ejecuta el proyecto: npm run dev o bun run dev

Visita http://localhost:4321 en tu navegador para ver la aplicación en funcionamiento.

Contribuciones

Las contribuciones son siempre bienvenidas. Si encuentras algún problema o tienes alguna sugerencia, no dudes en abrir un issue o enviar un pull request.

Capturas de pantalla