Project overview
Game 2048 brings the classic puzzle to desktop and mobile with fluid controls and feedback.
A framework-agnostic TypeScript engine keeps game rules separate from React and animation.
Web Game
2024-2026 Actively maintainedGame 2048
A responsive 2048 puzzle game with smooth tile animations, undo support, persistent high scores, and touch-friendly controls.
Responsive 4x4 gameplay and score tracking.
Objectives
- 01
Preserve classic mechanics
Keep movement, merging, scoring, and end states predictable.
- 02
Keep the engine independent
Separate game rules from React rendering.
- 03
Support every device
Provide responsive keyboard and touch controls.
Key features
Classic 4x4 gameplay
Slide and merge tiles toward 2048.
Persistent scoring
Track the score and save the personal best.
Undo and restart
Restore the last board or start again.
Fluid tile animation
Animate movement, spawning, and merges naturally.
Challenges and decisions
Animating a 2D board
Challenge
Moving and merging tiles needed stable identities.
Decision
Mapped unique tiles to Framer Motion layout animations.
Keeping game rules outside React
Challenge
UI-bound logic would couple gameplay to rendering.
Decision
Connected an independent store through immutable snapshots.
My contribution
- Architected the framework-agnostic TypeScript game engine.
- Built the React interface, store synchronization, and tile animations.
- Configured the workspace, build, and GitHub Pages deployment.