- Go to spotify's developer dashboard and create an app for the web API - https://developer.spotify.com/dashboard
- Make sure the redirect is just to
http://localhost:3000/api/auth/callback/spotify
- Take the
client_id
andclient_secret
from your app and put them in a.env
file similar to .env.template - Start cooking 👩🏻🍳
https://www.figma.com/design/K8bt4A940oYXpTfiilwLqe/splist?node-id=0-1&t=vZohXVzQ5JeeB7l8-1
- handle when topTracks or topArtists are empty (display - "not enough data")
- image top tracks gets cut off if the width of contents ends up being to long for the overall width (solution is to just increase overall width)