Skip to main content
U
Back to projects
HTMLCSSJSLive

Mini Projects JS

A self-contained collection of 17 interactive vanilla-JS apps — games, utilities, clocks, and creative tools — wrapped in a retro CRT-terminal visual identity.

Seventeen self-contained web apps, no framework, no build step, no dependencies — Tic-Tac-Toe with an unbeatable minimax AI, a calculator with a hand-rolled recursive-descent parser (no eval), a password generator backed by crypto.getRandomValues with rejection sampling, a weather app whose API key is hidden behind a Vercel serverless proxy, a canvas signature pad with unified mouse/touch input, plus stopwatch, currency / temperature converters, dictionary lookup, QR generator, color picker, analog and digital clocks, and a few visual toys.

Hosted as a single static site on Vercel with one serverless function for the weather proxy. PWA-installable with offline shell caching, GitHub Actions CI runs node --check on every JS file, and every project page ships its own Open Graph + Twitter card meta. Aesthetic is JetBrains Mono on black with an accent green — picked for the unifying CRT-terminal identity that ties the seventeen apps together.

Mini Projects JS

Case study

Problem
Wanted a sandbox for trying small, self-contained ideas without the friction of a build pipeline or framework — a place to drill on game AI, secure RNG, canvas drawing, geolocation, and accessibility in isolation rather than tangled inside a larger app.
Approach
Each app is a folder of plain HTML / CSS / JavaScript. A hub page links them together, and a single shared utilities module (TerminalUtils) handles toast, clipboard, and Enter-key handling so the apps stay tiny without copy-paste drift. Hardened the genuinely tricky pieces — minimax search, custom expression parser, crypto-grade RNG, server-side API key proxy.
Outcome
A single static deploy that doubles as a personal sandbox and a wide-surface portfolio piece. Offline-capable as a PWA, CI-checked on every push, and inexpensive enough to keep growing — new apps drop in as a folder + a hub link with no build step to babysit.

Tech stack

HTML5HTML
CSSCSS
JavaScriptJavaScript
VercelVercel
PWAPWA