Spotify web app how to#
Spotify web app install#

In the web development world, APIs generally falls into one of two categories: browser APIs and third-party APIs. Note: these APIs aren't part of the JS language, but they are built on top of JS to give developers a convenient set of tools out of the box. The document object is being used as the entry point for the DOM API, and querySelector() is the API method. This is an example of using the DOM (Document Object Model) API. Chances are you've seen the following:Ĭonst element = document.querySelector('.special-class') In client-side JS, APIs are usually based on objects. The code needed to send audio data to your device.

The code needed to retrieve the audio file from the internet or your device.

The play() function is an API method that abstracts away things like: There's probably some code that runs on clicking Play that looks like this: Imagine what happens when you open the Spotify app and play a song. APIs make our lives easier by abstracting away complex code and replacing it with simpler more straight-forward code. Think of this as a set of rules that allow one piece of software to talk to another. I've also added an npm script in package.json to run nodemon on our Node server when we run npm start.

Spotify web app install#

To install nodemon as a development dependency, run: Nodemon is a tool that automatically restarts our Node server when any changes in index.js are detected, saving us the hassle of stopping and restarting the server any time we want our changes to be reflected.

Spotify web app how to#

how to handle HTTP requests and responses with Express route handlers.how to create a Node server with Express.anatomy of REST API requests and responses.difference between regular APIs and REST APIs.Tracks (of the last month, last 6 months, or all time), your playlists, and the ability to sort your playlist tracks based on danceability, tempo, and energy. From there, you are free to check out the features of this app, including top artists (of the last month, last 6 months, or all time), top Once the React app opens in a browser window, you will be prompted to sign into your Spotify account. Run the following commands to view and use the web application.

A web app to visualize personalized Spotify data including features that aren't readily available in the official Spotify app.