Home About Work Services Writing Contact ES
BACK TO PROJECTS
ID: 31 // Gaming // Development

SNAKE CLASSIC

JAVASCRIPTCANVASSUPABASEMULTIPLAYERPWAWEB AUDIO
SNAKE CLASSIC
MY ROLE
Full-stack DevGame DesignMultiplayerPWA
IMPACT
6 Power-up types
2 Multiplayer modes
15 Screens
MISSION

Contemporary reimagining of the classic 90s Snake with modern web technologies. The snake changes color every 10 points with adaptive glow effects. Power-up system with 6 types (slow, double points, immunity, shrink, clear obstacles, penalty). Online multiplayer in beta with two competitive formats: 1v1 duel where the last player standing wins, and a 2-minute points competition with ghost mode. Private rooms with codes, real-time chat, live ranking, and rematch functionality. Optimized as PWA for Android with enlarged touch controls.

CATEGORY

Development — Gaming

SOURCE github ↗
DIAGNOSIS
 _ 
SOLUTION

Modular architecture in JavaScript ES6+ organized into modules: core (state and logic), ui (interface), features (auth, chat, ranking, settings), sound (Web Audio API), and lib (Supabase). HTML5 Canvas for 2D pixel graphics with smooth interpolation via requestAnimationFrame. Multiplayer with Supabase Realtime for state synchronization. Best score persistence with localStorage. Power-up system with distinct shapes and colors. PWA optimized for Android with enlarged touch controls.

WORKFLOW
01
01 · PLANNING

Planning

Requirements · Scope · Timeline

02
02 · ARCHITECTURE

Architecture

Stack · DB Schema · APIs

03
03 · DESIGN

UI Design

Figma · Tokens · Responsive

04
04 · FRONTEND

Frontend

Components · Routes · State

GALLERY
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot
SNAKE CLASSIC screenshot