Skip to content

Spotlight is a Spotify dashboard that allows user to visualize his listening habits.

License

Notifications You must be signed in to change notification settings

AurelienAubry/Spotlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

spotlight.png

Spotlight

Spotlight is a Spotify dashboard that allows you to visualize your listening habits. The following metrics are available, over the last 3/6/12 months:

  • Total number of tracks listened.
  • Total minutes listend.
  • Average daily minutes listend.
  • Graph of the daily tracks / minutes listened.
  • List of favorites artists (most listened).
  • Listening clock, displaying at which hour of the day the user listens music the most.

The backend API of this application is built using Python and served by a Flask web server. This server uses .json streamings files that the user can download on his Spotify's profile. This list of streaming is then converted in a dataframe, processed with Pandas.

The frontend part is made with React and Bootstrap. The graphs are made with Chart.js library.

Usage

  • Copy your Spotify's data in the ̀backend/MyData/ folder.
  • Start the local Flask's server by running the backend/app.py python script.
  • Connect to localhost:5000 to acess the dashboard.

Folders structure

.
├── backend
│   ├── build
│   │   └── static
│   │       ├── css
│   │       └── js
│   └── MyData
└── frontend
    └── spotlight
        ├── public
        └── src
            ├── components
            │   ├── Charts
            │   ├── List
            │   ├── NavBar
            │   └── Recap
            ├── containers
            └── views
                └── Dashboard

18 directories