Brain Train – Stroop Effect Game in React 🧠

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.

👉 Read the full blog post on Medium

🚀 Features

• 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

🧰 Tech Stack

🎮 Gameplay Logic

• Randomly generated color-word pairs
• Active cell highlighted over time based on selected direction
• Use of SVG for consistent, scalable rendering
• Efficient use of React hooks to manage intervals and state

⚙️ Installation

git clone https://github.com/al3xsus/brain-train.git
cd brain-train
npm install
npm start

Open http://localhost:3000 to run it locally.

🧩 Related Blog Posts

• 👉 How To Create a Web Application For Brain Training with React

💡 Background & Purpose

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

📜 License & Credits

Built with ❤️ using React, SVG, and a desire to make brain health tools accessible to all. License: MIT

🔗 Links

• Live Demo: Try It Online
• Original Blog Post: Read on Medium

🖼️ This repository includes a social preview image for enhanced link sharing.