With the initial intention of sorting a long playlist by most recent added tracks, this application was born.
A responsive SPA for managin playlists and profile statistics for a Spotify Account, developed with React and Redux.
- Profile statistics (last year, last 6 months and last 4 weeks):
- Number of tracks and artists listened.
- Top 10 tracks.
- Top 10 artists.
- Playlists:
- Change default order of the playlist between the following values:
- Date added
- Popularity
- Duration
- Track name
- Artist name
- Get playlist's songs by Spotify popularity.
- Change default order of the playlist between the following values:
Login into Spotify Web API In the dashboard, create a new app adding the following scope:
playlist-read-private
playlist-read-collaborative
playlist-modify-public
playlist-modify-private
user-read-recently-played
user-top-read
user-read-private
user-read-email
You'll retrieve your own client ID.
After clonning the repository, add a .env file with the following content:
VITE_CLIENT_ID=YOUR-SPOTIFY-DEVELOPER-CLIENT-ID
In the root directory of the repo, install the NPM packages with:
npm install
Run an instance in localhost:5173 with:
npm run dev
Since 2022 the Spotify API has limitations in the number of requests and the user accounts able to login through a Developer Client ID, as it needs to add the user account in the developer panel. If you want to use it by the Github Pages link, don't hesitate to ask me 😉
Contributions are welcome! If you have ideas to enhance the Spotify Tools App —whether it’s adding new features, improving the design, or expanding the content— feel free to submit a pull request. You can also share suggestions or feedback to help make this project even better!
If you find Spotify Tools App helpful or you like what we're doing, please consider giving the repository a star! It's a quick way to show your support for this project.