Musically is a project developed for users to visualize and play around with Spotify's API.
NOTE: frontend developments is still WIP - excuse the poor design
First of all, each user has to login with their Spotify account with OAuth
The user will redirected to Spotify's site and asked to login and authorize access within several required scopes.
Once logged in, the user will have access to the app, and have available the three screens listed in the navigation bar:
- Historic: this section is about artists' historical popularity (an index provided by Spotify) and their releases. The user can select several artists in the search bar, click search artists and the frontend will download the artists' historic data from the database (collected by the crawler) and display it.
- Playlists: this section is about the user's playlists. First, the frontend downloads all the playlists owned by the user. After that, the user can select one or several playlists and the audio features for those playlists' tracks (provided by Spotify) will be downloaded and plotted in a boxplot.
- Charts: this section is about the user's streaming information. The app downloads the user information from the API and displays it in a table
Spotify's API provides information about the actual state of the tracks and artists, the progress made by each of these is not provided in the API. This is why a crawler was developed to extract every day this varying information about their popularity and ranking in top playlists, and save it in a database.
The app uses frameworks Django for the backend, React for the frontend and MongoDB for database.
The app has error reporting via a Telegram Bots
Clone the repository
git clone https://github.com/agusbegue/musically.git
cd musicallyDatabase
python manage.py makemigrations
python manage.py migrateBackend
pip install -r requirements.txt
python manage.py runserverFrontend (on another terminal)
cd frontend
npm i
npm run dev You will have your web running so you can access localhost:8000 and start using it!