Skip to content

Spotify Search Engine is for anyone to search for their favorite music on Spotify. Created with JavaScript, jQuery, Spotify API, CSS and HTML. Forked to practice with.

Notifications You must be signed in to change notification settings

CrescentSays/spotify-search-engine

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Search Engine

Spotify Search Engine allows users to find music on the Spotify platform. They can choose between artists and albums. After clicking on their favorite album or an artist, the corresponding page on Spotify opens.

Preview

Preview of Spotify Search Engine

Features

  • Search options for artists and albums
  • Message with the amount of results
  • Music including links to the corresponding Spotify pages
  • Up to 20 results are shown and, if available, more music can be loaded
  • Automatically load more music on downward scrolling by adding '?scroll=infinite' to the url

Technology

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Spotify API

Code Example

function ajaxRequest() {
    $.ajax({
        url: moreResultsUrl || firstResultsUrl,
        data: {
            query: userInput,
            type: albumOrArtist
        },
        success: function(response) {
            response = response.artists || response.albums;
            getResultsHtml(response);
            getNextUrl(response);
            if (useInfiniteScroll == location.search) {
                checkScrollPosition();
            }
        }
    });
}

Local usage

Download all files and open the index.html file in your browser.

Credits

The idea for this project came from David Friedman from Spiced Academy.

Contribute

Contribution is much appreciated. Please let me know about any bugs and ideas for improvements.

About

Spotify Search Engine is for anyone to search for their favorite music on Spotify. Created with JavaScript, jQuery, Spotify API, CSS and HTML. Forked to practice with.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.6%
  • CSS 20.4%
  • HTML 16.0%