https://github.com/aneeshnema/spotify-stats

A React App to see your listening habits on Spotify.
https://github.com/aneeshnema/spotify-stats

create-react-app music react spotify spotify-api spotify-web-api

Last synced: about 1 month ago
JSON representation

A React App to see your listening habits on Spotify.

• Host: GitHub
• URL: https://github.com/aneeshnema/spotify-stats
• Owner: aneeshnema
• Created: 2020-04-18T18:20:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T03:43:42.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T21:58:34.285Z (4 months ago)
• Topics: create-react-app, music, react, spotify, spotify-api, spotify-web-api
• Language: JavaScript
• Homepage: https://stats-spotify.herokuapp.com/
• Size: 2.01 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• project-awesome - aneeshnema/spotify-stats - A React App to see your listening habits on Spotify. (JavaScript)

README

        
# Spotify-Stats

A React App to see your listening habits on Spotify.

Built With:

- [Create-React-App](https://github.com/facebook/create-react-app)

- [Express](https://github.com/expressjs/express)

- [Axios](https://github.com/axios/axios)

- [Material UI](https://github.com/mui-org/material-ui)

- [Reach Router](https://github.com/reach/router)

- [Spotify Web API](https://developer.spotify.com/documentation/web-api/)

## Setup

1.  Register App on [Spotify dashboard](https://developer.spotify.com/dashboard/) and add `http://localhost:8888/callback` to Redirect URIs in settings.

2.  Create .env file in the root of the project like `.env.example`

3.  `yarn && yarn client:install`

4.  `yarn dev`

## Todo

- [x] Add playlist analyzer

- [ ] Add support to export Top Tracks to new playlist.

- [ ] Add feature to reorder playlist