Launching My Browser Aim Trainer
What It Is
I built a simple browser-based aim trainer designed to be quick, clean, and easy to use.
There is no sign-up, no account system, and no data tracking. You open the site, press start, and begin clicking targets as they appear on screen. The goal is to improve your accuracy, reaction time, and consistency in a focused environment.
Play it here: aim.matthius-mlengah.com
How It Works
The game starts with targets appearing inside the play area. Your job is to click them as quickly and accurately as possible.
As the session continues, the difficulty increases. Targets appear faster, disappear sooner, and require better focus. This gives the game a natural sense of progression without making it feel unfair.
At the end of a run, the player gets a results screen showing:
- accuracy
- average reaction time
- targets hit per minute
- overall performance
I also added a PDF download option so players can save their results without needing an account.
Design Choices
I wanted the design to feel simple and distraction-free. The blue-grey theme keeps the interface calm, while the targets remain easy to see.
The layout is built around the game itself. Controls are kept simple, the results are easy to read, and there is no extra clutter around the main experience.
Performance was also important. Since this is a reaction-based game, it needed to feel smooth on most machines, whether the player is using a mouse or a laptop trackpad.
What I Used
This project was built with:
- Next.js
- TypeScript
- Tailwind CSS
Next.js gave me a fast and reliable base for the site. TypeScript helped keep the logic safer and easier to manage, while Tailwind CSS made it quick to build a clean responsive interface.
Final Thoughts
This was a fun project because it combined game logic, user interface design, performance, and small quality-of-life features.
It is simple on the surface, but there are a lot of little details that make it feel better to play, from the difficulty curve to the results screen.