Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Build a notes app and Tenzies games

This playlist is part of The Frontend Developer Career Path

Build a notes app and Tenzies games

44 lessons3 hours 4 min

1. Section 4 Intro
2:33
2. Warm-up: Add Dark/Light modes to ReactFacts site
6:39
3. Notes App: Intro
9:55
4. Notes App: Features to add
1:25
5. Notes App: Sync notes with localStorage
5:59
6. Lazy State Initialization
5:12
7. Notes App: Note summary title
4:51
8. Notes App: Bump recent note to the top
6:49
9. Notes App: Delete note
8:57
10. Update to Notes app - adding Firebase! 🔥
2:17
11. Updating to Vite
3:53
12. Small refactors
3:01
13. Local Setup
2:47
14. Firebase Intro & Setup
4:28
15. Firebase Code Setup
3:09
16. onSnapshot - part 1
6:56
17. onSnapshot - part 2
3:03
18. Create new blank note
2:10
19. Delete Note
2:54
20. Update note - part 1
2:26
21. Update note - part 2
3:53
22. Challenge: createdAt and updatedAt
2:54
23. Challenge: sort notes
3:58
24. Debouncing updates - part 1
3:21
25. Debouncing updates - part 2
4:44
26. Debouncing updates - part 3
8:07
27. Tenzies Project Intro
1:18
28. Tenzies: Setup
3:26
29. Tenzies: Die components
6:50
30. Tenzies: Generate array of 10 random numbers
3:53
31. Tenzies: Map array to Die components
3:08
32. Tenzies: Roll dice button
4:41
33. Tenzies: Change dice to objects
4:32
34. Tenzies: Styling held dice
3:38
35. Tenzies: Hold dice part 1
5:17
36. Tenzies: Hold dice part 2
3:09
37. Tenzies: Hold dice part 3
4:01
38. Tenzies: End game part 1
2:35
39. Tenzies: End game part 2
4:55
40. Tenzies: End game part 3
4:15
41. Tenzies: New Game
3:12
42. Tenzies: Extra Credit Ideas
1:35
43. Solo Project (PRO) - Quizzical
6:27
44. Check out the class components crash course!
1:06