A web application that displays your top Spotify artists and provides direct links to their merchandise stores.

• Spotify authentication
• Display of top 10 artists
• Direct links to artist merchandise stores
• Responsive design
• Modern UI with custom CSS

1. Clone the repository

2. Install dependencies:

   npm install

3. Create a Spotify Developer account and register your application:

   • Go to Spotify Developer Dashboard
   • Sign in or create an account
   • Click "Create App"
   • Fill in the app details (name, description, website, etc.)
   • Accept the terms and click "Save"
   • Once created, you'll see your Client ID on the app dashboard
   • Click "Edit Settings"
   • Add http://:5174/callback to the Redirect URIs
   • Save the changes

4. Update the .env file in the root directory with your Spotify credentials:

   VITE_SPOTIFY_CLIENT_ID=your_actual_client_id_here
   VITE_REDIRECT_URI=http://localhost:5174/callback
   

   Replace your_actual_client_id_here with the Client ID from your Spotify Developer Dashboard.

5. Start the development server:

   npm run dev

1. Click "Login with Spotify" to authenticate
2. View your top artists
3. Click "View Merch Store" to visit an artist's merchandise store

If you encounter an "INVALID_CLIENT" error:

• Make sure you've correctly copied your Client ID from the Spotify Developer Dashboard
• Ensure the Redirect URI in your .env file matches exactly what you've added to your Spotify app settings
• Check that your Spotify app is properly set up with the correct permissions

• React
• TypeScript
• Vite
• Spotify Web API