Spotify Astro Transitions

Overview:

This is a Spotify clone built with Astro 3.0 featuring Astro View Transitions for fluid navigation. It is an experimental project utilizing tailwindcss and svelte for the front-end design.

Features:

• Astro 3.0 Integration: Built using Astro 3.0 for seamless integration and performance optimization.
• Astro View Transitions: Utilizes Astro View Transitions for fluid navigation between different views.
• TailwindCSS and Svelte: Front-end design crafted using TailwindCSS for styling and Svelte for dynamic components.

Installation:

To install the Spotify clone with View Transitions from Astro 3.0, follow these steps:

1. Clone the repository from GitHub:

   git clone https://github.com/igorm84/spotify-astro-transitions.git
   

2. Navigate to the project directory:

   cd spotify-astro-transitions
   

3. Install the dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Access the Spotify clone in your browser at http://localhost:3000

Summary:

The Spotify clone with View Transitions from Astro 3.0 is an experimental project showcasing the use of Astro View Transitions for smooth navigation. While it provides a visually appealing user experience, it’s important to note that there are compatibility issues with Firefox and iOS browsers due to the experimental nature of the feature.