it_portfolio/content/projects/web_dev.md

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.