Brain Train is a web-based game inspired by the Stroop Effect, a psychological phenomenon where it's difficult to name the color of the word instead of reading the word itself.
Built in memory of my mother and inspired by the rising need for tools that help older adults maintain cognitive function, this app uses colors, timing, and randomization to challenge users.
or
- Color-word matching game based on the Stroop effect
- Configurable rows, columns, speed, and direction
- SVG text rendering for precision and responsiveness
- Interactive play/pause logic with timed highlighting
- Built using React hooks and TypeScript
- Clean UI powered by Semantic UI React
| Layer | Tools Used |
|---|---|
| Frontend | React + TypeScript |
| UI | Semantic UI, SVG |
| Logic | Custom randomization & game engine |
- Randomly generated color-word pairs
- Active cell highlighted over time based on the selected direction
- Use of SVG for consistent, scalable rendering
- Efficient use of React hooks to manage intervals and state
git clone https://github.com/al3xsus/brain-train.git
cd brain-train
npm install
npm startOpen http://localhost:3000 to run it locally.
This app was built with the hope that it could help others strengthen cognitive function, particularly older adults at risk of mental decline.
“By 2050, one in four people in Europe and North America could be aged 65 or over.” — UN World Population Prospects, 2019
Built with ❤️ using React, SVG, and a desire to make brain health tools accessible to all. License: MIT
- Live Demo: Try It Online
This repository includes a social preview image for enhanced link sharing.