Skip to Content

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.

To report this post you need to login first.

4 Comments

You must be Logged on to comment or reply to a post.

  1. Sergio Guerrero

    very good first API project for you being an apprentice. Welcome to sapui5 or openui5. I like the way you used MVC, good separation of concerns, modular approach. my only advise would be to see if you could split your one controller into maybe another js lib for any possible reuse of code, however, this being your first API project, it is very impressive for a first timer. I echo David in the theming, great UX using a different theme. well done Noel, – please continue to share these type of blogs, it will definitely make you better as a developer, and you will also help the community.

    (2) 

Leave a Reply