# 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.*