Code 15 React Projects - Complete Course

Published: 27 October 2020
on channel: freeCodeCamp.org

1,509,941

33k

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

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

🔗 React Fundamentals Course: • Full React Course 2020 - Learn Fundam...

✏️ Course from John Smilga of the Coding Addict channel. Check out his channel: / 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

On this page of the site you can watch the video online Code 15 React Projects - Complete Course with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 27 October 2020, share the link with friends and acquaintances, this video has already been watched 1,509,941 times on youtube and it was liked by 33 thousand viewers. Enjoy your viewing!