Este proyecto es una implementación personalizada de un clon de Spotify utilizando Astro, TypeScript, React y JavaScript. Realizado como ejercicio inspirandome en los siguientes proyectos: spotify-twitch-clone de midudev y spotify-astro-transitions de igorm84. El proyecto cuenta con transiciones suaves usando View Transitions de Astro y un reproductor funcional.

• Astro: Un moderno framework para construir sitios web rápidos y optimizados.
• TypeScript: Tipado estático para JavaScript que mejora la seguridad y la calidad del código.
• React: Biblioteca de JavaScript para construir interfaces de usuario.
• JavaScript: Lenguaje de programación utilizado para la lógica del proyecto.
• Tailwind CSS: Framework CSS de código abierto que proporciona herramientas para crear diseños de sitios web de alta calidad.
• CSS: Lenguaje de estilo de código abierto utilizado para estilizar la interfaz de usuario.
• ShadCN UI: Librería de componentes UI moderna y accesible que se usó para el slider del reproductor.

• Reproductor de Música Funcional: Implementado con un slider de ShadCN para hacer la función de reproductor y volumen, permitiendo a los usuarios reproducir, pausar, cambiar de pista y ajustar el volumen.
• Transiciones Suaves: Uso de las View Transitions de Astro para una experiencia de usuario fluida y atractiva.
• Optimización y Desempeño: Al estar construido con Astro, el proyecto está optimizado para un rendimiento rápido y eficiente.

Las View Transitions son una nueva característica experimental de Astro que permite a los desarrolladores crear transiciones de vistas fluidas y atractivas en sus aplicaciones web.

• Astro Documentation: https://docs.astro.build/es/guides/view-transitions/
• MDN Documentation: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API