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