Spotify Coding Challenge 🎧 for Huren.nl

How to run it

1. Create account in dashboard and create app
2. Put your ClientID and ClientSecret into config.js file
3. In dashboard add you user to the app and set redirect url to http://localhost:3000/login
4. Player sometimes requires a lot of patience (belive thats a problem with SDK)
5. IMPORTANT! player works only with spotify premium

 

Goals/Outcomes ✨

• To test knowledge of consuming APIs and handling responses
• Loading state and knowing where and how to make multiple API calls efficiently

 

Pre-requisites ✅

• Add your Spotify client ID & secret to config.js
  • See https://developer.spotify.com/

 

Requirements 📖

• Fetch and display Released This Week songs
  • Use the API path new-releases
• Fetch and display Featured Playlists
  • Use the API path featured-playlists
• Fetch and display Browse genres
  • Use the API path categories
• Loading state/UI (optional)

 

Think about 💡

• Taking a look at the Spotify API documentation
• Do you resolve each API request one after the other or in parallel?
• Where do you make the API requests?
• How much logic do you offload out of the UI components?

 

What's Already Been Done 🏁

• Basic app setup
• Basic styling

 

Want some bonus points?

• Make it look good
• Get the player working