Skip to content

Personal Spotify stats + discover. Made with Next.js, Redux, spotify-web-api, TailwindCSS

Notifications You must be signed in to change notification settings

PeterEriksson/spotify-app-peter

Repository files navigation

🎶 TrackTrends - Your Spotify stats

TrackTrends is a webapp that gives insight about your Spotify experience.

See your stats, discover new songs, play previews, create playlists.

Login using your Spotify credentials.

Link to site: https://tracktrends.vercel.app/

Table of contents

Author

Website: Peter portfolio/resume

Technologies

Project is created with:

  • React
  • Next.js
  • Next-auth
  • Tailwind CSS
  • Tailwind Modals
  • spotify-web-api
  • Redux
  • Hero icons

Using next-auth with Spotify provider to log in. During the auth-flow keys are retrieved to be able to communicate with spotify-web-api. Next.js middleware utilized for handling protected routes and redirecting.

Features

Screenshots

Demo (Discover and create playlist)

tt-rec-1 4mb

Top tracks

tt1

Profile

Favorited songs

Favorited modal

Top Artists

Artist page

Discover

Login

login

Todo