Jamming Project Part 1A using Class Components | A Codecademy Project

This tutorial covers steps 1 - 73, I'll be uploading the other half in a week maybe.

Chapters:
00:00 1. Intro
00:38 2. Create a react application
07:22 3. Create Static components
35:55 4. Pass Down Search Result and Render Result List
46:25 5. Pass down Playlist to TrackList
51:21 6. Add Tracks to a Playlist
01:01:29 7. Remove Tracks from a Playlist
01:09:38 8. Change the Name of a Playlist
01:14:55 9. Create a Method that Saves the Playlist to a User's Account
01:18:08 10. Hook up Search Bar to Spotify Search

The sections that were not included in this video are
Obtain a Spotify Access Token
Implement Spotify Search Request
Save a User's Playlist
Deploy

[seankennelly]

Needed this and found it so helpful. Codecademy updated the project, so this is no longer up to date with what Codecademy sets, but since their new version has no instructions and following along with this is the best way to handle that project. The code in the Github link is also incredibly valuable and matches current standards. Thank you!

[aguasbariri]

Well, that's a very good walkthrough! Now Codecademy only has 14 very vague steps for this project. Thanks!

[JBird]

Love this video! Awesome commentary and very helpful

[menghongpor]

thanks man! I have been struggling with this project. They don't have much support or explanation on the steps.

[MilanB]

Excellent video mate. You did better than they did. Have you finished the reddit client too ?

[basmong]

Thanks for the video👍I know it's not easy to record and edit such a long video.
I see earlier with these "99 steps", the project could be done on an easy mode. They tell you where to stuff what props, provide CSS, HTML blanks, significant function hints.
Now there are several tasks with a description of the functionality and vague hints. I went through all the circles of hell before I completed this project :, ) Spotify has far from the most understandable guide to using the API.

[Hybridvanguard]

hey @Sypher Sec, right at the beginning (4:00), what is it that you pasted in the reset.css? I added the file from the dropdown menu. in vscode (did not use the terminal) I am just unclear where all that CSS code comes from? Many thanks

[liammcwilli]

Does anyone know why this project page version contains 99 steps while my current one only contains 14 vague project tasks? Does anyone know how to access the detailed steps and links within them?

[VyNguyen-yfzh]

Thank you so much! At 16:53, should line 11 be <div className=“App”> as well? I was working through my project while following this video. For some reason, when I add a background image in .App class, it did not show. So I add it in the body instead and it shows. Do you have any ideas?

[leoliuuu]

Just curious, why did you use the class components in this exercise instead of the functional components?

[loickhodarkovsky]

Hey, thank you for the video! Any chance you could share screenshots or copy/paste the steps? Codecademy deleted the detailed steps and now only has 14 very vague steps. Thanks!

[whiskersspot]

16:30

I still have margins on mine, does anyone have the same issue? What can i do to fix?