Skip to main content
Projects

Mind Matrix

Decode the Pattern. Master the Grid. A cognitive puzzle game built with Next.js 16 & React 19.

Mind Matrix

Mind Matrix is a visual memory and pattern recognition game designed to test your cognitive processing speed. Players are presented with a 5x5 grid where squares flash according to hidden mathematical rules. Your goal is to observe, decode the logic, and replicate the pattern.

Built on the bleeding edge of web development, this project utilizes Next.js 16, React 19, and the new Tailwind CSS 4 engine for high-performance rendering and styling.

Key Features

  • Dynamic Grid System: A responsive 5x5 grid component that handles state, user interaction, and visual feedback.
  • Progressive Difficulty: Logic-driven level progression where mathematical rules become harder to decipher as you advance through 7 levels.
  • Dark/Light Mode: Seamless theme switching powered by next-themes, making the game comfortable in any lighting.
  • Real-Time Feedback: Instant validation of user selection via a specialized feedback panel.
  • Modern Design: Styled with the latest Tailwind CSS v4, utilizing new utility class features for a sleek, minimal interface.

Mind Matrix combines mathematical logic with rapid visual processing, providing a challenging and rewarding cognitive workout.