Spotify State

Spotify State

View your spotify listens

Description

A web application that provides users insights into their listening habits by displaying their most-played tracks and favorite artists on Spotify. Users can explore their music taste analytics and generate personalized playlists based on artist recommendations

Made with Next.js, Typescript, Tailwind , SWR, and Spotify API

See live site

Media (5)

Intro Animation

screenshot of top tracks page
screenshot of a user's top artists on spotify page

UI Demo of Spotify State

Horizontal slider for scrubbing through tracks (Desktop)

Notes

  • Data was fetched and cached using SWR (stale-while-revalidate) making the UI fast and reactive
  • Animations were managed with Framer Motion

Links