ronsigter / spootify

Spootify Coding Challenge 🎧

Demo URL: https://spootify.vercel.app/

Run

1. Install dependencies:

$ yarn install

2. Add .env.local file:

REACT_APP_BASE_URL=https://api.spotify.com/v1
REACT_APP_AUTH_URL=https://accounts.spotify.com/authorize
REACT_APP_REDIRECT_URL=http://localhost:3000/callback
REACT_APP_CLIENT_ID=<spotify_developer_client_id>
REACT_APP_CLIENT_SECRET=<spotify_developer_secret>

Visit Spotify documentation for more info

3. Start server:

$ yarn start

4. Visit Site: http://localhost:3000

Run Tests

$ yarn test

Goals/Outcomes ✨

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

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, current UX is already clean)
• Integrate redux into the project and make API calls and access data through redux
• Add tests

Future Development

• Add refresh token feature
• Add now playing feature
• E2E Testing using Cypress

Demo 🌄