Build 25 React Projects – Tutorial

Channel:

freeCodeCamp.org

Subscribers:

10,700,000

Published on February 5, 2024 3:30:28 PM ● Video Link: https://www.youtube.com/watch?v=5ZdHfJVAY-s

Duration: 9:36:53

128,532 views

5,661

Master React by building 25 different projects. If you follow along, you'll be ready to interview for a job as a React developer.

✏️ Created by @sangammukherjee3009

Code:
🔗 20 React JS Simple Projects Link : https://github.com/sangammukherjee/25-reactjs-interview-projects
🔗 Weather App : https://github.com/sangammukherjee/weather-app-25-reactjs-interview-projects
🔗 Food Recipe App : https://github.com/sangammukherjee/food-recipe-25-reactjs-interview-projects
🔗 Shopping cart App : https://github.com/sangammukherjee/food-recipe-25-reactjs-interview-projects
🔗 Expense Tracker App : https://github.com/sangammukherjee/expense-tracker-25-reactjs-interview-projects
🔗 Mern stack Notes App : https://github.com/sangammukherjee/mern-stack-blog-app-25-reactjs-interview-projects


⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:08:02) Accordion
⌨️ (0:31:22) Random Color Generator
⌨️ (0:45:22) Star Rating
⌨️ (0:57:22) Image Slider
⌨️ (1:21:10) Load More Button
⌨️ (1:38:30) Tree View / Menu UI / Recursive Navigation Menu
⌨️ (2:01:52) QR Code Generator
⌨️ (2:09:12) Light and Dark Mode / Theme Switch / Dark Theme
⌨️ (2:26:11) Scroll Indicator
⌨️ (2:43:30) Tabs
⌨️ (2:57:02) Modal Popup
⌨️ (3:13:17) Github Profile Finder
⌨️ (3:36:18) Search Autocomplete with API implementation
⌨️ (3:53:42) Tic Tac Toe
⌨️ (4:16:45) Feature Flag Implementation
⌨️ (4:35:22) useFetch Custom Hook
⌨️ (4:47:15) useOnclickOutside Custom Hook
⌨️ (4:56:42) useWindowResize / useResponsive Custom Hook
⌨️ (5:02:37) Scroll to Top and Bottom
⌨️ (5:11:27) Scroll to Particular Section
⌨️ (5:19:12) Weather App
⌨️ (5:48:24) Food Recipe App
⌨️ (6:45:12) Shopping Cart App
⌨️ (7:37:25) Expense Tracker App
⌨️ (8:29:52) Mern Stack Blog App

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

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

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