1. Introduction
2. Referencing UI Libraries
3. Course Demonstartion
4. Analyzing Figma Design
5. Analyzing Component Behavior
6. Introduction to Figma Assets
7. Figma Color Sampling
8. Creating A Next JS Project
9. Project Cleanup and Extensions
10. Extending Tailwind Colors
11. Installing React Icons
12. Tailwind CENTER Style
13. Creating Image Component
14. Refactoring Image Component
15. Creating a Box Container Component
16. Refactoring Box Container Component
17. Creating a Button Component
18. Creating a Product Card Component
19. Product Card Component Improvement
20. Creating the Inceremnter Component
21. Incementer Minimum & Maximum
22. Incrementer State Lifting
23. Creating the Like Component
24. Render-Prop Pattern
25. Refactoring the Like Component
26. Separating Concerns
27. Creating a Simple Compound Component
28. Creating Item Card Details
29. Creating a Description Component
30. Creating Item Action Component
31. Introduction to API Context from ChatGpt
32. Context Provider Pattern Introduction
33. Context Provider Pattern Continues
34. Implementing Context-Provider API
35. Testing the provider
36. Pulling Image from the Provider
37. Product Details & Product Name
38. Creating a Product Details Component
39. Creating a Price Tag Component
40. Creating a Description Component
41. Creating Item Action Component
42. Adding Add-To-Cart Action
43. Final Touches
