Build 25 React Projects – Tutorial
Offered By: freeCodeCamp
Course Description
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
Related Courses
Programming LanguagesUniversity of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent iDESWEB, Introducción al desarrollo web
Miríadax Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Web Application Architectures
University of New Mexico via Coursera