Code 15 React Projects - Complete Course

Improve your skills with the React JavaScript library by building 15 projects using React.

🔗 Code: https://github.com/john-smilga/react-projects

🔗 React Fundamentals Course: https://www.youtube.com/watch?v=4UZrsTqkcW4

✏️ Course from John Smilga of the Coding Addict channel. Check out his channel: https://www.youtube.com/codingaddict

⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:34) Starter Project Setup ⌨️ (0:07:18) 1-Birthday Intro ⌨️ (0:07:54) 1-Birthday Setup ⌨️ (0:13:31) 1-Birthday Complete ⌨️ (0:19:41) 2-Tours Intro ⌨️ (0:20:41) 2-Tours Fetch Data ⌨️ (0:32:04) 2-Tours Display Data ⌨️ (0:37:40) 2-Tours Toggle Button ⌨️ (0:43:17) 2-Tours Remove Tour ⌨️ (0:50:13) 3-Reviews Intro ⌨️ (0:50:36) 3-Reviews Info And React Icons ⌨️ (0:56:46) 3-Reviews Setup ⌨️ (1:05:39) 3-Reviews Prev And Next Person ⌨️ (1:12:14) 3-Reviews Random Person ⌨️ (1:17:22) 4-Accordion Intro ⌨️ (1:17:36) 4-Accordion Complete ⌨️ (1:27:27) 5-Menu Intro ⌨️ (1:28:16) 5-Menu Display Items ⌨️ (1:36:08) 5-Menu Manual Approach ⌨️ (1:40:59) 5-Menu All Button ⌨️ (1:43:34) 5-Menu Dynamic Approach ⌨️ (1:52:06) 6-Tabs Intro ⌨️ (1:52:52) 6-Tabs Setup ⌨️ (2:00:09) 6-Tabs Display First Job ⌨️ (2:06:42) 6-Tabs Buttons ⌨️ (2:13:40) 7-Slider Intro ⌨️ (2:14:07) 7-Slider Setup ⌨️ (2:24:59) 7-Slider Manual Setup ⌨️ (2:32:44) 7-Slider Setup Classes ⌨️ (2:40:12) 7-Slider Prev And Next ⌨️ (2:43:32) 7-Slider First And Last, Autoslide ⌨️ (2:50:53) 8-Lorem-Ipsum Intro ⌨️ (2:52:24) 8-Lorem-Ipsum Structure ⌨️ (3:00:32) 8-Lorem-Ipsum Complete ⌨️ (3:08:49) 9-Color-Generator Intro ⌨️ (3:10:33) 9-Color-Generator Structure ⌨️ (3:19:11) 9-Color-Generator Get Values, Error ⌨️ (3:26:05) 9-Color-Generator Single Color ⌨️ (3:42:34) 9-Color-Generator Copy To Clipboard ⌨️ (3:51:39) 10-Grocery-Bud Intro ⌨️ (3:53:10) 10-Grocery-Bud Structure ⌨️ (4:03:46) 10-Grocery-Bud Add Items ⌨️ (4:13:21) 10-Grocery-Bud Alert ⌨️ (4:23:06) 10-Grocery-Bud Clear List ⌨️ (4:25:18) 10-Grocery-Bud Remove Item ⌨️ (4:29:58) 10-Grocery-Bud Edit Item ⌨️ (4:37:12) 10-Grocery-Bud Local Storage ⌨️ (4:41:27) 11-Navbar Intro ⌨️ (4:42:07) 11-Navbar Structure ⌨️ (4:50:59) 11-Navbar Links Data ⌨️ (5:00:14) 11-Navbar Simple Toggle ⌨️ (5:03:10) 11-Navbar Class Toggle ⌨️ (5:07:20) 11-Navbar UseRef Approach ⌨️ (5:16:22) 12-Sidebar Intro ⌨️ (5:17:13) 12-Sidebar Structure ⌨️ (5:26:15) 12-Sidebar Global Context ⌨️ (5:36:39) 12-Sidebar Complete ⌨️ (5:44:46) 13-Stripe Intro ⌨️ (5:47:06) 13-Stripe Context Boilerplate ⌨️ (5:56:31) 13-Stripe Navbar ⌨️ (6:03:31) 13-Stripe Hero ⌨️ (6:06:18) 13-Stripe Sidebar ⌨️ (6:13:48) 13-Stripe Submenu ⌨️ (6:18:16) 13-Stripe Location ⌨️ (6:28:02) 13-Stripe Submenu Links ⌨️ (6:37:34) 13-Stripe Hide Submenu ⌨️ (6:41:55) 14-Cart Intro ⌨️ (6:42:44) 14-Cart Setup Overview ⌨️ (6:50:25) 14-Cart UseReducer Setup ⌨️ (6:57:16) 14-Cart Clear Cart ⌨️ (7:02:06) 14-Cart Remove Item ⌨️ (7:06:35) 14-Cart Increase ⌨️ (7:11:40) 14-Cart Decrease ⌨️ (7:15:41) 14-Cart Get Totals ⌨️ (7:27:23) 14-Cart Fetch Data ⌨️ (7:32:31) 14-Cart Toggle Functionality ⌨️ (7:39:57) 15-Cocktails Intro ⌨️ (7:41:13) 15-Cocktails Additional Info ⌨️ (7:41:51) 15-Cocktails Setup Overview ⌨️ (7:44:49) 15-Cocktails Router Setup ⌨️ (7:50:15) 15-Cocktails Navbar ⌨️ (7:53:20) 15-Cocktails Error About ⌨️ (7:56:28) 15-Cocktails Context Setup ⌨️ (8:06:54) 15-Cocktails API Overview ⌨️ (8:10:29) 15-Cocktails Fetch Drinks ⌨️ (8:20:51) 15-Cocktails Display List ⌨️ (8:26:17) 15-Cocktails Search Form ⌨️ (8:32:49) 15-Cocktails Single Cocktail Page ⌨️ (8:53:23) Hosting - Drag And Drop ⌨️ (8:58:45) Hosting - Continuous Deployment

⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp