Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build and Deploy a Better Spotify Clone Music App with React - Tailwind, Redux, RapidAPI

JavaScript Mastery via YouTube

Overview

and Optimization This course introduces students to React, an advanced JavaScript library for building user interfaces. Students will learn to create single page applications with API-driven components, and set up a React project from scratch using create-react-app. Students learn to construct a music player with API-driven features such as song cards, play/pause functionality, sidebars, top plays, top charts and artists and swiper components. They also learn to use the Rapid API to fetch music data and develop error and loader components for displaying errors and loading music. Additionally, students learn about building song details and artist details pages, top charts and artists around a user location and a search page. Finally, they learn to deploy the application, and optimize it for faster performance.

Syllabus

- Intro
- Setup
- Discover Section
- Rapid API Music Fetching
- Loader Component
- Error Component
- Song Card Component
- Play/Pause Functionality
- Sidebar
- Top Play Section
- Top Chart Card
- Top Artist - Swiper Component
- Song Details Page
- Artist Details Page
- Around You, Top Charts & Artists
- Search
- Deployment

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy a Better Spotify Clone Music App with React - Tailwind, Redux, RapidAPI

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.