Skip to content
Sabaqاردو

Learn React by Building Projects (freeCodeCamp)

By freeCodeCamp.org

Course audio
Course audio: English
Level
Intermediate
Length
7 lessons · 15.7 hours

What you'll be able to do

  • Build React apps from components, props and state
  • Handle events, forms and side effects
  • Fetch data from an API and show it
  • Finish five portfolio projects

About this course

A long, project-based React course from freeCodeCamp (about 16 hours), split into its seven sections. After a section on React basics, each section is a project: a travel journal, a recipe app called Chef Claude, a meme generator, the Tenzies dice game and a word game, Assembly Endgame, with a bonus section on working in VS Code. Along the way it covers components, props, state, events, effects and fetching data. Take it after HTML, CSS and JavaScript basics.

Before you start: HTML, CSS and basic JavaScript

Syllabus

7 lessons · 15:40:54 in total

  1. 1Section 1 – React Basics2:17:59
  2. 2Section 2 – Travel Journal Project2:15:03
  3. 3Section 3 – Chef Claude Project5:10:53
  4. 4Section 4 – Meme Generator Project1:57:19
  5. 5Section 5 – Tenzies Project1:29:59
  6. 6Section 6 – Assembly Endgame Project2:06:59
  7. 7Bonus Section – React and VS Code22:42

What to take next

Related courses

Videos by freeCodeCamp.org, played from their official YouTube channel. Subscribe on YouTube

Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.

Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.

Report a problem or a rights request