Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Code 15 React Projects - Complete Course

via freeCodeCamp

Overview

This course aims to enhance skills in React by guiding learners through the creation of 15 projects using the React JavaScript library. By the end of the course, students will have gained practical experience in building various applications such as a birthday reminder, tours display, reviews section, accordion menu, and more. The course covers fundamental React concepts and provides hands-on experience in implementing features like fetching data, toggling buttons, managing state, and utilizing React hooks. The teaching method involves a project-based approach where students follow along with the instructor to build each project from start to finish. This course is suitable for individuals looking to deepen their understanding of React and expand their portfolio with diverse projects.

Syllabus

) Intro.
) Starter Project Setup.
) 1-Birthday Intro.
) 1-Birthday Setup.
) 1-Birthday Complete.
) 2-Tours Intro.
) 2-Tours Fetch Data.
) 2-Tours Display Data.
) 2-Tours Toggle Button.
) 2-Tours Remove Tour.
) 3-Reviews Intro.
) 3-Reviews Info And React Icons.
) 3-Reviews Setup.
) 3-Reviews Prev And Next Person.
) 3-Reviews Random Person.
) 4-Accordion Intro.
) 4-Accordion Complete.
) 5-Menu Intro.
) 5-Menu Display Items.
) 5-Menu Manual Approach.
) 5-Menu All Button.
) 5-Menu Dynamic Approach.
) 6-Tabs Intro.
) 6-Tabs Setup.
) 6-Tabs Display First Job.
) 6-Tabs Buttons.
) 7-Slider Intro.
) 7-Slider Setup.
) 7-Slider Manual Setup.
) 7-Slider Setup Classes.
) 7-Slider Prev And Next.
) 7-Slider First And Last, Autoslide.
) 8-Lorem-Ipsum Intro.
) 8-Lorem-Ipsum Structure.
) 8-Lorem-Ipsum Complete.
) 9-Color-Generator Intro.
) 9-Color-Generator Structure.
) 9-Color-Generator Get Values, Error.
) 9-Color-Generator Single Color.
) 9-Color-Generator Copy To Clipboard.
) 10-Grocery-Bud Intro.
) 10-Grocery-Bud Structure.
) 10-Grocery-Bud Add Items.
) 10-Grocery-Bud Alert.
) 10-Grocery-Bud Clear List.
) 10-Grocery-Bud Remove Item.
) 10-Grocery-Bud Edit Item.
) 10-Grocery-Bud Local Storage.
) 11-Navbar Intro.
) 11-Navbar Structure.
) 11-Navbar Links Data.
) 11-Navbar Simple Toggle.
) 11-Navbar Class Toggle.
) 11-Navbar UseRef Approach.
) 12-Sidebar Intro.
) 12-Sidebar Structure.
) 12-Sidebar Global Context.
) 12-Sidebar Complete.
) 13-Stripe Intro.
) 13-Stripe Context Boilerplate.
) 13-Stripe Navbar.
) 13-Stripe Hero.
) 13-Stripe Sidebar.
) 13-Stripe Submenu.
) 13-Stripe Location.
) 13-Stripe Submenu Links.
) 13-Stripe Hide Submenu.
) 14-Cart Intro.
) 14-Cart Setup Overview.
) 14-Cart UseReducer Setup.
) 14-Cart Clear Cart.
) 14-Cart Remove Item.
) 14-Cart Increase.
) 14-Cart Decrease.
) 14-Cart Get Totals.
) 14-Cart Fetch Data.
) 14-Cart Toggle Functionality.
) 15-Cocktails Intro.
) 15-Cocktails Additional Info.
) 15-Cocktails Setup Overview.
) 15-Cocktails Router Setup.
) 15-Cocktails Navbar.
) 15-Cocktails Error About.
) 15-Cocktails Context Setup.
) 15-Cocktails API Overview.
) 15-Cocktails Fetch Drinks.
) 15-Cocktails Display List.
) 15-Cocktails Search Form.
) 15-Cocktails Single Cocktail Page.
) Hosting - Drag And Drop.
) Hosting - Continuous Deployment.

Taught by

freeCodeCamp.org

Reviews

Start your review of Code 15 React Projects - Complete Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.