Smooth Controls
Responsive lane movement with keyboard steering designed for arcade-style gameplay.
Portfolio Project · Browser Racing Experience
ZARacing
A premium browser-based racing game built with Next.js and HTML5 Canvas, designed to showcase polished UI, responsive gameplay, and modern frontend architecture.
60 FPS
Smooth real-time gameplay
Canvas
Native browser rendering
Fast UI
Built with Next.js + TypeScript
SCORE 024850SPD 4.8xBEST 091320
Game Features
Built to look sharp and play fast.
A focused set of features built to highlight smooth gameplay, clean interaction design, and strong frontend execution.
Dynamic Difficulty
The pace increases as you survive longer, turning every run into a sharper challenge.
Live Score Tracking
Your score updates continuously during the run, with a best-score chase built in.
Collision System
Clean hit detection keeps the gameplay fair, readable, and satisfying to master.
Canvas Rendering
The track and vehicles render in-browser with a focused, performance-friendly approach.
Modern Frontend Build
Structured with reusable components, TypeScript, and a clean App Router setup.
Why this project matters
More than a landing page.
ZA Racing is a frontend showcase piece built to demonstrate structure, interaction design, game-state thinking, and browser rendering in a way that stands out from standard CRUD projects.
Tech Stack
Modern tools, clean execution.
Next.jsTypeScriptTailwind CSSHTML5 CanvasReact HooksApp Router
Ready to drive?
Launch the game and test your reflexes.
No downloads. No setup. Open the game, hit play, and see how long you can stay ahead of traffic.