How To Build A Better Spotify With React

🚨 IMPORTANT:

Spotify is pretty cool, but what if you could make a better version? In this video I show you how to create a Spotify clone that not only has many of Spotify's features but also includes lyric lookup for any song you want.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:25 - Demo/Setup
03:52 - Authorization Setup
10:26 - Server Login Route
15:28 - useAuth Hook
23:39 - Refresh Token Automatically
33:07 - Search
46:58 - Song Player
52:18 - Lyrics

#SpotifyClone #WDS #ReactJs

[beinyourguard]

Me: How do I center this div
Kyle: OK check this out Imma create Spotify

[hiranmoyghosh]

Dude has hair line, jaw line, guitar and also his own spotify

[linkVSganandorf]

for those who are struggling with this project I wanna say this video does work however you need to slightly modify the code using the new spotify docs other than that this tutorial does still work (though i switched from using axios to node fetch instead cuz axios gave me errs following this vid) you just need to kinda update it yourself i guess is what im tryna get at

[mykalimba]

9:25 "...I accidentally put 'bootstrap' in here one too many times..." Actually, it was the Tabnine plugin that did that. 🤔

[casseroletray]

I really like these clone-project videos since it encourages me to do so much research on my own for certain details you left out explanation for, since they are more intended to present an overall idea of how a web app can be developed rather than teaching every detail. Thanks Kyle!

[oni_ricat]

For anyone doing this tutorial in April 2022:
I kept failing to authorize because when I clicked ´Log in to Spotify´ the component was being rendered twice, sending the request in the useAuth hook twice, one of them failing. This was easily solved by downgrading to React 17 instead of React 18 which was the one used by default when using create-react-app.

[Aivin]

2:15 "give your name an app" 😂😂😂

[jairodavemejia]

This is just pure passion of craft. Wish I was just as fast at learning/solving issues like on your videos :)

[harikajayanthi]

Thank you very much for uploading the complete code of a fully functional music player! It was of really great help in our college project.

[CodingNuggets]

Awesome video Kyle. Always love when I see excellent content. You have really grown something special with your channel. Much love and respect my friend!

[vinayKumar-otic]

I didn't see the video but I know how great and depth your videos are.Thanks a lot

[Carathil]

Hey Kyle, I have a tutorial idea. I see teachers randomly installing a bunch of things mid-tutorial, like express, nodemon, etc and as a beginner it's hard to see why. It's understandable that you don't explain these in depth right then and there (interrupts the flow of tutorial), but maybe at the very end of the video you could go back to these installed things and explain them with the full code, why did we use this extension, why did we use that other thing we installed. Great video! Keep up the good work and teach us master :)

[majoramarii]

1:30 kyle: I used Spotify to create Spotify

[aykutsarac]

I feel lucky to discover your channel, your videos are amazing

[oscar_dl]

Dude, thank you so much for this! I actually made a spotify clone and lyrics + search was exactly what I wanted lol, time to finish!

[valaris]

Great work, thanks ! But you should have said at the beginning of the video that we need a premium spotify account for it to work.

[fejr]

Great video as always. I have some 2 ideas for your next ones.
1 QR/Barcode scanner using chrome api
2 App using electron or similar technology

[ygvanz]

Excellent video! Would love to see more tutorials that use authentication in the near future

[DShazin]

Kyle, I can't express how much I appreciate your channel. Your content is everything I would ask for <3

[NguyenHuy-pjqj]

What a treasure on youtube! I appreciate your instructions. send lots of love from Vietnam. Keep it up Sir!