DEV Community

Cover image for ๐Ÿš€ I built Beat The Boss, an HTML game, with Vibe Coding โ€” give it a spin!
Arun1989ninja
Arun1989ninja

Posted on

๐Ÿš€ I built Beat The Boss, an HTML game, with Vibe Coding โ€” give it a spin!

Hey everyone! Iโ€™m excited to share Beat The Boss โ€” a browser-based action game I built from scratch using:

HTML / CSS / JavaScript for the front end

C# Web API for the backend

SQLite as a lightweight database

And of course, Vibeโ€ฏCoding as my development flow/approach

You can check it out here: https://www.beatthebossgame.com

๐ŸŽฎ What the game is

In Beat The Boss, you face off against a โ€œbossโ€ node that gets stronger over time. Your goal? Click as much punches as possible and rack up the highest score and get your Marvel Hero's. Think endless clicker + strategy vibes.

Some of the features I built:

Real-time score

Persistent storage of high scores

The Marvel Hero of your current click speed

Polished UI/UX in CSS

API endpoints to fetch, update game state and user data

๐Ÿ› ๏ธ Tech & architecture highlights

Frontend (HTML / CSS / JS):

Modular component structure

CSS for animations, responsive layout, and transitions

Fetch/AJAX calls to my C# backend

Backend (C# Web API):

RESTful endpoints (GET, POST, PUT)

JSON serialization

Minimal and focused โ€” just whatโ€™s needed to fetch or update game state

Database (SQLite):

Local file-based DB โ€” no heavy DB server setup

Tables for users, high scores, game stats

Lightweight and fast for a small game

Vibe Coding flow:

Iterative development with immediate previews

Rapid prototyping of UI + logic

Constant loop: code โ†’ test โ†’ adjust โ†’ repeat

๐Ÿ’ก Challenges & lessons learned

State synchronization โ€” making sure frontend and backend stay in sync (especially under quick user actions)

Performance tuning โ€” optimizing CSS animations, minimizing API latency

Data integrity โ€” handling DB concurrency, partial updates

UX polish โ€” small touches (button feedback, transitions) make the game feel more alive

๐Ÿ’ฌ If youโ€™ve got ideas, feedback, or bugs to report โ€” hit me up! Iโ€™d love to hear how the community would build or expand on this. Want to see full source code or dive deeper into architecture? I can share a repo or write a follow-up about my implementation patterns.

Try it out and let me know: whatโ€™s your highest score? ๐Ÿ”ฅ

Stay vibey,
Arun Antony

Top comments (0)