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

freeCodeCamp

Build 25 React Projects – Tutorial

via freeCodeCamp

Overview

Embark on a comprehensive 9-hour 37-minute tutorial to build 25 diverse React projects, preparing you for React developer job interviews. Learn to create a wide range of applications, from basic components like accordions and star ratings to more complex projects such as weather apps, shopping carts, and a MERN stack blog. Master essential React concepts and techniques, including custom hooks, API integration, and responsive design. Gain hands-on experience with practical projects like random color generators, image sliders, and GitHub profile finders. Access provided GitHub repositories for code references and further exploration. Enhance your React skills through step-by-step guidance, covering topics such as state management, UI components, and full-stack development.

Syllabus

⌨️ Introduction
⌨️ Accordion
⌨️ Random Color Generator
⌨️ Star Rating
⌨️ Image Slider
⌨️ Load More Button
⌨️ Tree View / Menu UI / Recursive Navigation Menu
⌨️ QR Code Generator
⌨️ Light and Dark Mode / Theme Switch / Dark Theme
⌨️ Scroll Indicator
⌨️ Tabs
⌨️ Modal Popup
⌨️ Github Profile Finder
⌨️ Search Autocomplete with API implementation
⌨️ Tic Tac Toe
⌨️ Feature Flag Implementation
⌨️ useFetch Custom Hook
⌨️ useOnclickOutside Custom Hook
⌨️ useWindowResize / useResponsive Custom Hook
⌨️ Scroll to Top and Bottom
⌨️ Scroll to Particular Section
⌨️ Weather App
⌨️ Food Recipe App
⌨️ Shopping Cart App
⌨️ Expense Tracker App
⌨️ Mern Stack Blog App

Taught by

freeCodeCamp.org

Reviews

Start your review of Build 25 React Projects – Tutorial

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.