Spotify Statistics App | Built with UI5

Spotify Statics is a website built with open source UI framework, OpenUI5. You can use the website to see your top tracks, top artists and you can use it as a web player.

I am an apprentice at an IT company and I did this application to get started with UI5. This is my first web application using an API. The aim was to create an app which doesn’t look like standard ui5 elements.
You can find a working Demo right here: https://flmawit.github.io/

Aswell as the source code: https://github.com/flmawit/flmawit.github.io

To use the Website make sure you have Spotify running on your Computer!

First you must login on the page with your Spotify account. The login will be done directly from Spotify!

If you’re logged in you can use the website. You can skips songs, change songs, change the volume, search songs, show your top 50 songs in a donut chart, show your top artist in a list and you can see the related artist to a song which is playing right now.

With the search bar you can search songs and artists. If you search an artist the website plays a random song from this artist. If you search a song it plays this song you searched.

The donut chart is interactive. If you press a segment of the chart, Spotify will play a random track from the artist or the genre (depends on the button you have activated).

The list is also interactive and it does the same thing as the donut chart.

The list in the Icon Tab bar shows you your top 50 tracks and top artists. With the buttons at the top you can change the time. If you have selected 1 Year the list will show you your top 50 tracks over 1 year and your top artist.