Web / Cloud
Cloudflare Portfolio Launch
A complete static website package for tomdbarrett.com, including pages, assets, metadata, sitemap, security headers, and deployment notes.
- Direct static upload
- No account system
- No build pipeline required
Projects / experiments
A growing library of builds, notes, and launch artifacts.
These starter cards are written to evolve into real case studies as the portfolio grows.
Project index
Filter the current roadmap.
Frontend
Interactive Site Components
A focused frontend layer adds motion, navigation, filtering, and contact interactions while keeping the site fast.
- Vanilla JavaScript
- Accessible controls
- Responsive behavior
Security / Notes
Security-Aware Learning Log
A future section for notes on DNS, static hosting, HTTPS, headers, forms without backends, and secure-by-default web habits.
- DNS checklist
- Deployment notes
- Practical security habits
Design System
Personal Interface Kit
A reusable visual language for future pages: dark surfaces, high-contrast typography, restrained motion, status rails, and compact cards.
- Shared CSS variables
- Reusable page sections
- Consistent components
Cloud
Domain And Hosting Notes
A place to document Cloudflare DNS settings, custom domain setup, cache behavior, redirects, and future analytics decisions.
- Custom domain path
- Static hosting basics
- Launch checklist
Security
Threat-Informed Web Basics
A beginner-friendly set of notes on reducing public website risk: minimal surface area, HTTPS, headers, dependency restraint, and backups.
- Static-first design
- Header hygiene
- Content backups
Project template
Turn experiments into case studies.
As new work is added, each project can follow a simple pattern that makes progress easy to understand.
01
Problem
What was the goal, constraint, or thing being learned?
02
Process
What tools, concepts, and tradeoffs shaped the build?
03
Result
What changed, what shipped, and what would improve next?