Interactive game with AI
A browser-based Connect 4 featuring a responsive UI and an AI opponent. Emphasis on game logic, state management, and a smooth, interactive experience.
Tech Stack
React
Tailwind
JavaScript
Algorithm Design
Game Logic
Front-End
Interaction
State Management
The Problem
Create a fun, fair AI opponent and keep the UI responsive and accessible.
My Approach
Implemented heuristic-based AI with efficient checks and optimized rerenders for smooth interaction.
Challenges Faced
Balancing AI difficulty and performance; managing edge cases in win/draw detection.
Key Takeaways
Solidified state patterns and game-loop thinking in the browser.