The next time you open Spotify your newly created playlist appears in your playlists.

Just tap the top right corner, add a playlist name, and start adding songs. You don't have to create top tracks playlists by yourself anymore! Create Spotify playlists of your top tracks directly in Statistics for Spotify Music without even leaving the app. The app keeps the top 50 most played tracks and artists for each period.īesides most listened songs and artists, our music stats app for Spotify also allows you to view tracks you have played recently in case you skipped a track accidentally. See the most listened songs/artists for the last 4 weeks, 6 Months, and All Time. See top tracks and top artists for both Spotify basic and Spotify premium accounts. See why our Spotify stats tool is one of the favorite Spotify companion apps of hundreds of thousands of music fans around the globe. Want to create playlists with just your dearest all-time favorites? Use our simple playlist maker and easily create playlists of your top tracks. See how your “most listened to” rankings change and which tracks and artists perform better than others. Finally, you can know what you love listening to the most! Statistics for Spotify Music provides you detailed insights into your most listened tracks and artists over certain periods at any time of the year. Want to have a clear overview of your music listening history on Spotify? class MyService Ĭonst endpoint = new URL(ENDPOINTS.Don't feel like waiting to see your Spotify Wrapped at the end of the year? all follow a repeatable and consistent pattern which reduces the chances for any silly bugs. Each request can have a unique TTL if you so desire.Īs a result, all other Angular services developed such as ArtistService, TrackService, etc. The library also allows for a custom time limit to be set for the cached entries (the duration is known as TTL or time-to-live). This allows for any other service to leverage the same caching strategy, resulting in faster development times.

This service was developed to provide a centralized mechanism to cache all HTTP requests. which could result in a lot of extra round trips between the client and Spotify servers. If you think about the usage patterns of someone using Spotify, people may sometimes spend lots of time browsing different artists, albums, tracks, etc. This TTL cache was developed out of a need to keep the PWA snappy and keep data consumption low. One of the more interesting pieces of the app is the CachedHttpService. I am by no means an expert front-end developer (I mainly do back-end), but I wanted to see if I can produce a significantly better application just with more careful planning and research. My first iteration was started back in 2018 with Angular 6, but I scrapped that since the project was not planned out properly.

The second reason was to rewrite this project again from scratch using Angular 10, Tailwind CSS, and push my design and front-end development skills. The first main reason as stated above was the burning desire I had to know about how my listening habits have changed over time. Spottr is a PWA developed to surface your Spotify listening habits year-round rather than at the end of each year.

Top stats for spotify