Welcome to
Build a Spotify Connected App
Course Syllabus and Content
Intro & Dev Environment Setup
2 Lessons 13 Minutes
Overview of what this course is, who this course is for, and what we'll be building
Getting our local development environments set up with nvm
Getting Started with REST APIs & Express
5 Lessons 20 Minutes
An introduction to APIs in web development
Learn the basics of REST principles and HTTP requests & responses
Hello World with the Express framework
Learn the basics of writing Express route handlers
Authentication & Authorization with Spotify
5 Lessons 36 Minutes
Get your app set up in the Spotify developer dashboard
Set up nodemon to streamline our Node.js development workflow
Learn how OAuth works and how it will work with the Spotify API
Build out Spotify's Authorization Code OAuth flow with Express
Setting Up a React Front-End
3 Lessons 57 Seconds
Use Create React App to quickly spin up a React front end and pass OAuth tokens from server to client
Streamline development in a client/server architecture with Concurrently
Login State & Front-End Scaffolding
5 Lessons 21 Minutes
Learn how to use local storage to let users log in and log out
Use axios to send a request to the Spotify Web API and render response data on the front end
Scaffold out our app's pages with React Router
Install and configure Styled Components in our React app
Building & Styling the UI
7 Lessons1 Hours 14 Minutes
Build out and style the login page
Build out and style the profile page
Build out and style the top artists & top tracks pages
Build out and style the playlists page
Build out and style a page for each playlist and let users sort tracks by audio features
Add a loading state for our React components
Deploying to the Internet
4 Lessons 20 Minutes
Add a custom favicon and share image to our app
Deploy our app to the internet with Heroku
Add a descriptive and helpful README to our project