https://github.com/Spiderpig86/spottr

:cactus: Your Spotify stats all in one place.
https://github.com/Spiderpig86/spottr

analytics angular dashboard frontend pwa spotify spotify-api spottr tailwindcss

Last synced: 3 months ago
JSON representation

:cactus: Your Spotify stats all in one place.

• Host: GitHub
• URL: https://github.com/Spiderpig86/spottr
• Owner: Spiderpig86
• Created: 2018-08-15T02:17:12.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-07-19T20:07:54.000Z (4 months ago)
• Last Synced: 2024-07-20T01:00:25.280Z (4 months ago)
• Topics: analytics, angular, dashboard, frontend, pwa, spotify, spotify-api, spottr, tailwindcss
• Language: TypeScript
• Homepage: https://spottr.vercel.app
• Size: 47.2 MB
• Stars: 43
• Watchers: 3
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• project-awesome - Spiderpig86/spottr - :cactus: Your Spotify stats all in one place. (TypeScript)

README

        


Your Spotify stats year-round.


## ✨ Features

**Top Stats**

- View details for your top:

  - Artists

  - Tracks

  - Genres

- Get data broken down for:

  - Last 4 Weeks

  - Last 6 Months

  - All Time

**Playlist**

- Browse the playlists you follow or created.

- Get similar tracks for a given playlist.

- Export similar playlist to your Spotify account.

**Track**

- View track details including musical and audio features.

- Discover related tracks.

**Artist**

- View artist genres, follower count and popularity.

- View artist's top tracks.

- Discover similar artists.

## :building_construction: Built With

- :zap: [Angular](https://angular.io/) - a platform for building mobile and desktop web applications.

- :art: [Tailwind](https://tailwindcss.com/) - Rapidly build modern websites without ever leaving your HTML.

- :musical_note: [Spotify API](https://developer.spotify.com/documentation/web-api/) - for fetching Spotify data.

- :bar_chart: [Chart.js](https://www.chartjs.org/) - Simple, clean and engaging HTML5 based JavaScript charts.

## :framed_picture: How it works

![Demo](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/demo.gif)

*Demo*

![Login](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/login.jpg)

*Login page*

![Home](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/home.jpg)

*Home*

![Top Genres](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/genre.jpg)

*Top Genres*

![Similar Playlist](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/playlist.jpg)

*Similar Playlist*

![Track Details](https://raw.githubusercontent.com/Spiderpig86/spottr/master/images/track.jpg)

*Track Details*