An app to help you find songs at your ideal tempo - SongBeats can aid your music selection for running, aerobics, work soundtracks, marching band, choirs and any usage you can imagine!
Tech used: HTML, CSS, JavaScript, API
SongBeats integrates the GetSongBPM API for quick compilation of the top 100 searched songs at your entered beats per minute (BPM) or tempo. The user enters a tempo (between 40 and 220 BPM) into the input and clicks search which makes a request to the API for the top 100 songs meeting that criteria including song data such as Title, Artist, Year, Album and Genre which are added to the DOM using JavaScript.
Future iterations might include sorting by category, searching by song title, finding optimized song suggestions at the same tempo of a specific song, and searching within a specific genre, year, etc.
In the beginning, I was retrieving only song titles and artists and decided to add in the other categories of data for better identification. Also, the first iteration included adding new information as list items and later as more information was added to change the JavaScript to create new elements in a table and add them to the site.
I learned about accessing JSON from an API properly and different ways to append rows and columns of data using JavaScript.
Portfolio
|
Theory Revolution
|
Ben Folds Songs
|