refacto: vide-coding to get a terminal look

content/projects/web_dev.md

@@ -0,0 +1,56 @@
+# Web Development Projects
+
+A selection of web projects — from small tools to more complete applications.
+
+---
+
+## Terminal Portfolio *(this site)*
+
+> The page you are currently reading was itself a project.
+
+A fully static portfolio designed to look and behave like a Unix terminal. No framework, no build step — just HTML, CSS, and vanilla JavaScript.
+
+**Key features:**
+
+- CRT aesthetics: scanlines, flicker animation, bloom/glow on text
+- Blinking rectangular cursor that follows mouse clicks
+- Markdown content tree loaded from a manifest — add `.md` files without touching `index.html`
+- Keyboard navigation (arrows, Enter, Escape, Q) + mouse
+- Dynamically sized terminal window (responds to viewport changes)
+
+**Stack:** HTML · CSS (animations, custom properties) · JavaScript (ES2020) · marked.js
+
+---
+
+## Personal Finance Tracker
+
+A small single-page application to track income and expenses with monthly breakdowns.
+
+**Highlights:**
+
+- No backend — all data stored in `localStorage` with a clean JSON schema
+- CSV import/export for moving data to spreadsheets
+- Chart visualisation using the Canvas API (no libraries)
+- Fully keyboard-navigable
+
+**Stack:** JavaScript · CSS Grid · Canvas API
+
+---
+
+## REST API Boilerplate
+
+A reusable Node.js/Express skeleton with authentication, request validation, and structured logging built in — designed to be forked and extended.
+
+**Features:**
+
+- JWT-based auth with refresh tokens
+- Zod schema validation on all endpoints
+- Structured JSON logs (pino)
+- Docker Compose stack (app + PostgreSQL)
+- OpenAPI spec auto-generated from route definitions
+
+**Stack:** Node.js · Express · PostgreSQL · Docker · Zod
+
+---
+
+*Press Q or ESC to return.*