Build and Deploy a Better Spotify 2.0 Clone Music App with React 18! (Tailwind, Redux, RapidAPI)

preview_player
Показать описание
Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application you can currently find on YouTube.

Showcase your dev skills with practical experience and land the coding career of your dreams:
✅ A unique YOUTUBE discount code is automatically applied!

📚 Materials/References:

In this course, you'll learn:
- React functional components and their reusability
- React file and folder structure
- We'll use Redux Toolkit to manage the state of our application
- You'll achieve mastery using Tailwind and make the app responsive on all devices
- You'll learn how to fetch data from unlimited sources using RapidAPI.

👇 Time Stamps
00:00:00 - Intro
00:06:31 - Setup
00:12:38 - Discover Section
00:23:50 - Rapid API Music Fetching
00:39:16 - Loader Component
00:40:50 - Error Component
00:41:50 - Song Card Component
00:59:48 - Play/Pause Functionality
01:05:38 - Sidebar
01:19:00 - Top Play Section
01:28:03 - Top Chart Card
01:30:57 - Top Artist - Swiper Component
01:42:50 - Song Details Page
02:12:53 - Artist Details Page
02:20:50 - Around You, Top Charts & Artists
02:36:31 - Search
2:52:48 - Deployment
Рекомендации по теме
Комментарии
Автор

Simply amazing content! A deep learning experience, where we can see the concepts being used in a contextualized and interesting manner. This is much more meaningful and effective than simply being thrown concept after concept, trying to figure out how the pieces would fit together. Congrats on the good work, Adrian! You deserve to be called, in my opinion, the best JavaScript/React teacher on Youtube.

matt_fonto
Автор

Learning react has been so much more easier and fun thanks to your videos. Another awesome one.

prasdxA
Автор

I have not even finished the last one and Adrian have brought out another one…you’re amazing man…thank you so much for what you’re doing for us

joshuatolulope
Автор

I already hit the like button before watching this tutorial. Thank you so much Adrian! The best thing about your tutorials is that I can use the concepts you've introduced in here and apply it to my very-own projects

timothypark
Автор

I think I speak for about everyone, when I say, your tutorials are the best! You explained in a clear & concise way, you explained at the perfect pace, not too slow for intermediate/advanced programmers and at the same time not too fast for beginners to understand. Your volume, and voice projection was much better than a lot of the other tutorials. Your tutorial was long enough to make the watcher feel like they made the thing, because of how much work they put in. And at the same time, your video feels kinda professional too. You deserve this sub, the other 680k subs, and every other one that is yet to come.

NotMyAlt
Автор

FOR YOUR INFORMATION to anyone following this tutorial : rapidAPI is not free so to access those datas you will have to pay when you subscribe 5$/ month !

fleurdecerisier
Автор

Hey I just wanted to say thanks for making these videos. I like to see what we are going to make next then pause and try to create that component before unpausing to see how you would do it. Thank you for sharing your work. It gives me a reason to keep going through my depression. I'll never be able to express how much it means to me!

kersh
Автор

Noti gang! This looks wonderful. Can't wait to dig in. Thanks so much as always Adrian 🙂

surgicalblazer
Автор

This man is a treasure ♥ we must protect him at all cost!

thecodfather
Автор

Never miss a single tutorial from you ! Thank you so much
for what you’re doing for us

lananhtrantran
Автор

you make the most beautiful thumbnails! always get us hyped!

lycan
Автор

I was so hypnotised to this great content that i tried not to discontinue and come to comment section but couldn't resist to say a Thanks...it's really magical tutorial. Thanks a lot !

PrinceKumar-hhyn
Автор

You just have to appreciate the folder structure it gets no better!

quintin
Автор

Thank you for what you are doing!
Your chanel is honestly the best on youtube! You are maiking all absolutely from scratch. Your courses are full of practise! Thank you!

CTILET
Автор

I've never been disappointed waiting for a video, knowledge from you, thank you from the heart.

puseefarpositputawan
Автор

I've been waiting this for a long time man!

lalrem
Автор

Oh my gosh this is Amazing 🤩🤩🤩 Extremely useful content as always 😻
I'm currently working on your Portfolio Project, trying to add a blog page with Sanity...
Thank you from Ukraine 👍

frontend_notes
Автор

@JavaScript Mastery, hello Adrian I'm not sure whether you can read this remark, but I truly like how you constantly state in your videos what is required to follow and understand your course. I really appreciate that. Love from, India .

anishkumar_it_rd_b_
Автор

This is great! I like it a lot, especially the API part because I am really interested in learning about APIs. But the content is great. Thank you very much!

bonganijele
Автор

2 days.... i am done with it... Here is a lot of work man! Thank you. i will back to you for course when i get my first work and get my first sallary

v.demchenko