This command creates a new client directory and installs all the packages that are needed to build and run a React application within it. Next, run the following command from within the root of your project directory to create the frontend component of the app. Once the installation completes, you’ll have access to the create-react-app command that will be used to set up the React project. This tool helps us bootstrap React apps quickly with no build configuration. Once the server dependencies have been installed, run the command below to install create-react-app globally on your machine. npm install express cors nedb dotenv node -cron node -fetch pusher -save I’ll explain what each one does as we progress through the tutorial. Run the following command in the terminal to install the required packages. Now let’s install the dependencies we’ll be needing to build the server component of our application. The above command creates a new package.json file in the current directory.

Next, run the command below to initialize a new Node.js project: npm init -y Open up your terminal and cd into the newly created directory. You can call it spotify-history or just spotify. Getting startedĬreate a new folder for this project in your filesystem. You can find installation instructions here. You also need Node.js (v6 and later) along with npm on your machine to run the commands and code included in this article. The final result will look like this:Įxperience with building Node.js and React applications is required to grasp the concepts explored in this tutorial. Then it’ll keep updating that list as you play more songs. Once you connect a Spotify account, it’ll display a list of your 10 most recently played tracks. In this tutorial, we’ll be creating an application that displays your Spotify music history in realtime. Some knowledge of Node and React will be helpful.

You will need Node 6+ installed on your machine.

Recently played spotify stats