← Back to All Projects

Overwatch Counters

Javascript HTML Real-time Processing

Role

Lead Developer

Timeline

January 2026 — February 2026

View GitHub ↗

Home Screen

View Counter

Counter Recommendations

01. Problem: Lack of Information

Overwatch is a game defined by "counter-picking," yet many players struggle to adapt their strategy in real-time due to the game's complexity.

Information Overload With nearly 40 heroes, remembering specific interactions and "soft" vs. "hard" counters during a high-stakes match is mentally taxing for the average player.

Synergy Blindness While players might know how to counter a single hero (e.g., picking Cassidly to deal with Tracer), they often struggle to identify a pick that counters an entire five-person team composition simultaneously.

02. Solution: Digital Library

I developed a dynamic "Counter-Picker" web application that serves as a strategic companion, offering data-driven hero recommendations.

Weighted Recommendation Engine Users can input a full enemy team of five, and the app calculates the optimal hero for each role by aggregating counter-scores across the entire enemy lineup.

Visual Strategy Guide Beyond just names, the site provides a quick-glance interface for individual hero counters, allowing players to make informed decisions in the 30 seconds between rounds.

Technologies Used

HTML
Javascript
Data Management (Arrays, Objects)

What I Learned

"Building this project taught me how to translate subjective game "meta" into a structured, weighted algorithm. I learned to prioritize speed-to-insight by designing a UI that delivers actionable data in seconds—essential for high-pressure gaming. Ultimately, it sharpened my ability to build scalable systems that remain maintainable even as the underlying data constantly evolves."