Files
it_portfolio/content/projects/web_dev.md
2026-04-21 11:49:33 +02:00

57 lines
1.7 KiB
Markdown

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