Statify

Statify is a Spotify listening statistics checking website available here. Just sign into your Spotify account and you will be able to see your top tracks, artists and recent tracks. Click on a Track, Artist or Album to view more details about it.

Motivation

I love looking at my Spotify statistics. I enjoy seeing what track I'm listening to the most across different time periods. I used to use StatsForSpotify to check my listening history on Spotify. However, the UI looked terrible and it didn't support progressive web applications, meaning I can install on my phone.

Building Statify allowed me to view my Spotify listening statistics with a much nicer UI than StatsForSpotify.

Features

• Progressive Web Application
• Authentication state saves on refresh
• Light mode or Dark mode
• Top Tracks
  • Last Month
  • Last 6 Months
  • All Time
• Top Artists
  • Last Month
  • Last 6 Months
  • All Time
• Recently Played
  • Last 50
• Information about a
  • Track
  • Artist
  • Album

Usage

$ npm i
$ npm run dev

Credits

@Shockch4rge introduced me to @reduxjs/toolkit which improved my productivity in Redux. Overlapping elements was simplified for me thanks to this article

Build with

• TypeScript
  • TypeScript
    • 
    • 
    • 
    • 
    • 
    • 
    • 
    • 
    • 
    • 
  • React
    • 
    • 
    • 
    • 
    • 
    • 
  • MUI
    • 
    • 
    • 
    • 
    • 
  • Redux
    • 
    • 
  • ESLint
    • 
    • 
    • 
    • 
    • 
  • Vite
    • 
    • 
    • 
    • 
  • Miscellaneous
    • 
    • 
    • 
    • 
    •