Core web
- Semantic HTML5
- CSS Grid & Flexbox
- Custom properties & theming
- Responsive, mobile-first layouts
About
Why this repo exists.
A personal coding workspace where every new idea starts small and gets rebuilt until it holds up to real use.
This is my personal coding workspace, the place every new project starts as a small learning exercise and gets rebuilt until it holds up to real use. Each build in the log is a complete, working page: open it, try it, break it, read the source. Nothing here depends on a framework or a build step unless the project explicitly calls for one.
I keep this repository as my default workspace in VS Code, so expect it to keep growing; new projects get added directly as new folders, whenever they're ready, with no category to sort them into first. Right now that's 130 projects: a few polished standalone builds, a couple of "same brief, five independent attempts" comparisons, a growing AI agent bootcamp, and well over a hundred smaller Python and web-development exercises, each still just its own folder.
The goal isn't to reach for a framework by default. It's to get genuinely comfortable with HTML, CSS and JavaScript first, so that when a framework does earn its place in a project, I'm reaching for it on purpose, not out of habit.
Toolbox
What each build draws on
JavaScript
- DOM manipulation, no jQuery
- Regex-based validation
- LocalStorage-backed state
- Modular, file-per-concern JS
Accessibility
- Keyboard-first interactions
- ARIA live regions and roles
- Visible focus states
- Reduced-motion support
Python
- Scripting and automation
- Working toward agent design
- Tool-use and reasoning loops
- Memory-backed workflows
Timeline
How the log has grown
Build-001
Safe Calculator shipped
A guard-clause-first calculator that turns bad input and divide-by-zero into readable messages instead of crashes.
Build-002
Magical Code Validator shipped
A gamified registration form with live regex validation, a password strength meter, and achievement badges.
Build-003
Student Report Card shipped
A full records dashboard: editable curriculum, auto-calculated grades, and print-ready report cards.
Build-004 · In progress
AI Agent Bootcamp underway
A self-paced Python series building toward a working AI agent from first principles: memory, tool use, and a full reasoning loop are already in place.
Exploration
Comparing independent builds of portfolios, to-do apps and weather apps
A set of side-by-side experiments: the same brief, attempted five separate times each, to compare how each independent attempt structures and styles the same request.
In progress
More builds underway
This log is actively growing. New builds and experiments are in progress and will land here as they ship.
How I work
A few working principles
- 01
Ship the whole thing
A build isn't done until it's usable end to end, edge cases included.
- 02
Frameworks are a choice
Reach for one when it earns its place, not by default.
- 03
Accessible by default
Keyboard support and clear focus states aren't an afterthought.
- 04
Document as you go
Every build gets a README that explains the decisions, not just the code.