Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript view all books →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Explore new Communities Join our Discord Server What Our Students Say
Tutorials
Pricing

Welcome to

Build a Spotify Connected App

Module 1

Intro & Dev Environment Setup

2 Lessons 13 Minutes

01Course Introduction
Sneak Peek00:06:46
02How to Setup a React Developer Environment with nvm
Sneak Peek00:06:19

Module 2

Getting Started with REST APIs & Express

5 Lessons 20 Minutes

01Module 1 Introduction
Sneak Peek00:01:04
02What is an API?
Sneak Peek00:04:09
03Okay, but what is a REST API?
Sneak Peek00:09:38
04What is Express? The Basics of the Node.js web framework
Sneak Peek
05The Basics of Express Router - Requests and Responses
Sneak Peek00:05:27

Module 3

Authentication & Authorization with Spotify

5 Lessons 36 Minutes

01Module 2 Introduction
Sneak Peek00:00:55
02Getting Started with the Spotify Developer Dashboard
Sneak Peek00:03:16
03Add nodemon to an Express App to Restart Node Automatically
Sneak Peek00:02:54
04What is OAuth and How Does it Work? [with examples]
Sneak Peek00:08:56
05How to Implement OAuth Flow in Express and Node.js
Sneak Peek00:20:00

Module 4

Setting Up a React Front-End

3 Lessons 57 Seconds

01Module 3 Introduction
Sneak Peek00:00:57
02How to Pass OAuth Tokens to a React App
Sneak Peek
03Optimize React and Express.js code with npm concurrently
Sneak Peek

Module 5

Login State & Front-End Scaffolding

5 Lessons 21 Minutes

01Module 4 Introduction
Sneak Peek00:01:18
02Using Local Storage to Persist Login State
Sneak Peek00:13:10
03How to Fetch Spotify API Data with Credentials with Axios
Sneak Peek00:07:11
04How to Setup and Scaffold React Router
Sneak Peek
05Beginner's Guide to Styled Components in React [with examples]
Sneak Peek

Module 6

Building & Styling the UI

7 Lessons1 Hours 14 Minutes

01Module 5 Introduction
Sneak Peek00:01:12
02How to Build a Login Page in React
Sneak Peek00:02:03
03How to Build a Profile Page in React with Spotify API Data
Sneak Peek00:24:33
04How to Build a Spotify Top Artists & Top Tracks Page in React
Sneak Peek00:14:59
05How to Build a Spotify Playlists Page in React
Sneak Peek00:11:11
06How to Build a Spotify Individual Playlist Page in React
Sneak Peek00:16:50
07How to Build a React Loading Animation Component
Sneak Peek00:03:49

Module 7

Deploying to the Internet

4 Lessons 20 Minutes

01Module 6 Introduction
Sneak Peek00:00:39
02How to Change Your React Favicon and Social Preview Images
Sneak Peek00:05:52
03How to Deploy React to Heroku With a Node.js Server
Sneak Peek00:12:36
04How to Add a README.md File to React
Sneak Peek00:01:43

Module 8

Course Wrap Up

1 Lesson 1 Minutes

01Wrapping Up What We’ve Learned
Sneak Peek00:01:59

Next Introduction:

Course Introduction