Learn React.js from scratch by building a powerful word memorization app that uses a spaced repetition algorithm to help users learn advanced English vocabulary — all with gamification, local data persistence, and full deployment to the web.
This is a project-based React course for beginners, designed to teach you real-world React concepts step-by-step with no prior React experience required.
- Setting up a modern React project with Vite
- Functional components and JSX
- React state (
useState) and events - Lifting state and passing props
- Mapping, filtering, and conditional rendering
- Custom hooks for reuse and separation of concerns
- Spaced repetition logic and daily word scheduling
- Saving and retrieving progress with localStorage
- Gamifying learning with streaks and progress indicators
- Deploying React apps to the web with Netlify
A full-featured Word Memory App that:
- Helps users learn advanced vocabulary efficiently
- Uses spaced repetition to optimize memory retention
- Tracks streaks and learning progress
- Stores user data locally so nothing is lost
- Works beautifully on desktop and mobile
- Is deployed live to the internet by the end of the course
To follow along, you should know:
- JavaScript
- HTML + CSS
If you need to brush up, check out the free beginner courses here: 👉 smoljames.com/roadmap
React is the most in-demand frontend framework in the world, and this project teaches you how to use it to solve real problems. You won’t just follow syntax — you’ll build something useful, dynamic, and ready to share online.
This course is perfect for new frontend developers, JavaScript learners, or anyone wanting to level up with modern React skills in a hands-on, engaging way.
- Understand the core concepts of React
- Know how to manage and structure React projects
- Be able to build dynamic UIs and handle interactivity
- Use browser storage to save user data
- Deploy your React app live with Netlify
- Have a polished, portfolio-worthy project to show off