Skip to main content

Build a Memory Game in React

A project course with Ajo Borgvold: about 4.4 hours building one polished memory game in React, with unusual attention to accessibility along the way.

Quick answer​

Build a Memory Game in React is Scrimba's Pro, intermediate project course, roughly 4.4 hours taught by Ajo Borgvold. You build a single complete game across four modules, covering data fetching, game state, and a full accessibility pass that most project tutorials skip. It is for people who already know React basics and want a guided build that produces something finished rather than a list of disconnected exercises.

Is it worth your time?​

If you have learned React and now need reps building something whole, project courses like this are the bridge. The standout here is the accessibility module. Most tutorials treat keyboard navigation and screen-reader support as an afterthought, and this one spends a real block on it, which is genuinely useful since accessibility is a common gap in junior portfolios.

The honest caveat is scope. This is one project, not a survey of React. You will not come out knowing routing, state libraries, or testing. It assumes you can already write components and use hooks, so it is a practice course, not a teaching-from-scratch course. If you want the fundamentals, start elsewhere and come back to this to apply them.

What you'll learn​

Course curriculum

4 modules · 38 lessons

  1. Building the Foundation54 min8 lessons
  2. Core Game Functionality68 min12 lessons
  3. Accessibility Enhancements74 min10 lessons
  4. Advanced Features66 min8 lessons

The build is sequential. You start by scaffolding the layout and component structure, then add the core game logic: matching cards, tracking turns, and managing the game state with hooks. Data fetching brings in real content rather than hardcoded cards. The accessibility module is the differentiator, wiring up keyboard control and screen-reader semantics. The final module layers on the polish features that make the project feel finished.

Who it's for, and who should skip it​

It fits developers who have the React basics down and want a guided, finishable project, especially anyone who wants a portfolio piece that takes accessibility seriously.

Skip it if you are still learning React fundamentals (do Learn React first), or if you want broad coverage of React rather than one deep project. This is applied practice, not a curriculum.

Prerequisites​

Hooks-based React: components, props, useState, useEffect, and basic data fetching. You do not need any prior accessibility knowledge; the course introduces that as it goes.

Where it fits​

This sits in the project-practice stretch of the Frontend Developer Path and the Fullstack Developer Path, after the React fundamentals and best done once you have some components under your belt.

Free or Pro​

This is a Pro course, so it needs a Scrimba subscription. Pro also unlocks the full career paths, the coding challenges, the private Discord, and path certificates. See current plans for what Pro costs in your region.

Strengths and limits​

What it does well: it produces one complete, polished project, it treats accessibility as a first-class topic rather than a footnote, and it includes real data fetching instead of static placeholders.

Where it is limited: it is narrow by design (one game, not a survey), it assumes existing React knowledge, and like all Pro project courses, fast help depends on the Pro Discord.

View Build a Memory Game in React on Scrimba (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on