noobmaster69game

A browser-based gaming platform featuring multiple classic arcade games, built with vanilla JavaScript, HTML, and CSS.

javascript game html node

Overview

A browser-based gaming platform that bundles several classic arcade games into one site. Built from scratch with vanilla JavaScript and HTML5 Canvas on the frontend, with a Node.js + Express backend handling user accounts and high score tracking.

No game engines, no frameworks — just raw JavaScript and canvas rendering.

Games

Breakout — The classic brick-breaking arcade game. Bounce the ball off your paddle, smash through rows of bricks, and don’t let the ball drop.
Snake — Guide the snake around the board, eat food to grow longer, and avoid crashing into the walls or yourself.
Jumpy — A platformer-style jumping game. Time your jumps to clear obstacles and keep your streak going.

Features

Three complete arcade games in one platform
User account system with login/signup
Leaderboard tracking high scores across all games
Clean retro-styled UI tying the games together

Tech Stack

Frontend: Vanilla JavaScript, HTML5 Canvas, CSS
Backend: Node.js with Express
Data: Server-side score tracking and user management

What I Learned

Building games with raw Canvas and no engine was a great way to learn game loops, collision detection, and state management from first principles. The backend side — user accounts, leaderboard persistence, Express routing — was my introduction to full-stack development. Keeping three different games consistent in a shared platform also taught me about code organization and creating reusable patterns across different game mechanics.