DEV Community

Cover image for Why I Refused to Settle for a 97% Code Score
Sukriti Singh
Sukriti Singh

Posted on

Why I Refused to Settle for a 97% Code Score

“It Works” Is No Longer Enough. Perfection Is the New Leaderboard.

I recently participated in VibeCode Arena’s “Beat the Heat” challenge, and what I expected to be a casual frontend game project somehow turned into one of the most unexpectedly intense coding experiences I’ve had in a long time.

The prompt itself sounded simple enough: build a client-side camel racing game using HTML, CSS, and vanilla JavaScript. The camel needed to race through a desert while avoiding obstacles and reaching an oasis before time ran out. It felt like the kind of challenge you sit down with for an evening, finish in a few hours, and move on from.

At least, that’s what I thought in the beginning.

I built the first version fairly quickly. The camel movement worked, the obstacles spawned correctly, collision detection was smooth, and the desert background scrolled continuously across the screen. From a user perspective, the game felt complete. It was responsive, playable, and honestly quite fun. I submitted the project with a decent amount of confidence, expecting a strong evaluation score.

The system came back with a 97%.

Now, objectively speaking, 97% is an excellent score. In most environments, that would already be considered polished work. But the strange thing about competitive coding platforms is that they completely change your relationship with “good enough.” That missing 3% immediately started bothering me far more than it should have.

The more I looked into the evaluation breakdown, the more I realized something important: the platform wasn’t simply judging whether my game worked. It was judging how well the project had been engineered underneath the surface.

That distinction completely changed the experience for me.

The deductions weren’t coming from broken gameplay or missing functionality. Instead, they came from architectural and engineering decisions that most developers, including me, often ignore during smaller projects. For example, I had used synchronous script loading in my HTML file. The game still ran perfectly fine, but technically the browser was blocking rendering while loading JavaScript files. I also had a small inline script handling the startup logic. To me, it seemed harmless because it was only a few lines, but the evaluator flagged it as poor separation of concerns and a maintainability issue.

Then there was accessibility, which honestly became the biggest wake-up call during this challenge. I had built the game entirely from the perspective of a typical desktop user with a mouse and a screen. I hadn’t thought about keyboard navigation, screen readers, ARIA labels, or live status regions for score updates. The evaluator did. Seeing accessibility affect my score made me realize how often developers unconsciously treat it like an optional feature rather than a core part of frontend engineering.

Another issue was startup resilience. If something failed during initialization, the game would simply show a blank screen instead of failing gracefully. Again, the game worked under ideal conditions, but the evaluator wasn’t rewarding ideal-condition engineering. It was rewarding robustness.

That was the moment when the challenge stopped feeling like a game development exercise and started feeling like a genuine engineering competition.

I went back into the project, not to redesign the gameplay, but to rethink the structure of the code itself. I separated all initialization logic into a dedicated main.js file, removed inline JavaScript entirely, and switched every script to deferred loading. I added proper error handling around startup so the user wouldn’t be left staring at a blank page if something failed. I cleaned up unnecessary DOM operations, improved the accessibility layer, and made the overall architecture feel more modular and intentional.

What surprised me was how addictive the optimization process became. Once you start seeing scores move in real time, you begin obsessing over details you normally wouldn’t even think about. One small accessibility improvement changes the evaluation. One unnecessary render removed improves performance. One architectural cleanup removes a code quality warning. The feedback loop is incredibly effective because every improvement feels measurable.

At some point, I realized I was spending more time refining the engineering than actually building the game itself.

And honestly, that’s what makes VibeCode Arena interesting.

The platform quietly exposes the difference between code that merely functions and code that is thoughtfully engineered. In a time where AI tools can generate working applications within minutes, challenges like this highlight something that still matters enormously: refinement. AI can help generate a foundation quickly, but optimization, maintainability, accessibility, and architectural thinking still require human judgment.

That became especially obvious while competing on a live leaderboard alongside both developers and AI-generated solutions. The pressure of seeing rankings update in real time changes how you think. You stop treating frontend details casually because suddenly every tiny decision has visible consequences. Script loading strategies matter. Accessibility matters. Error handling matters. Performance matters.

The funny part is that all of this happened because of a browser game about a camel running through the desert.

But that’s exactly why the challenge works so well. The prompts themselves are playful and approachable, yet underneath them is a surprisingly deep engineering exercise. You enter expecting a fun coding challenge and end up getting an unexpected lesson in frontend architecture and optimization discipline.

By the time I finally pushed my score higher and saw the evaluation bars turn green, the satisfaction had very little to do with the camel game anymore. It came from knowing the project had evolved from “something that works” into something intentionally engineered.

And I think that’s the bigger lesson these kinds of platforms reveal. Functional code is becoming easier and easier to generate. The real differentiator now is the ability to refine that code into something stable, performant, accessible, and maintainable.

That last 3% taught me far more than the first 97% ever did.

If you’re someone who enjoys frontend engineering, optimization challenges, browser game development, or simply testing how clean your coding habits really are under pressure, I genuinely recommend trying VibeCode Arena’s “Beat the Heat” challenge. Just don’t be surprised if you find yourself obsessing over tiny percentages and refreshing the leaderboard far more often than you planned.

👉 https://vibecodearena.ai/beattheheat?page=1&pageSize=10&sortBy=responses&sortOrder=desc&utm_source=external&utm_medium=vc5&utm_campaign=beattheheat

Top comments (0)