Creative Engineering Portfolio

Building playful products with strong UX and real systems thinking.

Three-Legged Dog and Company is where interaction design, frontend craft, and game-like logic come together. This site highlights shipped work, in-progress experiments, and practical technical execution.

frontend architecture interactive UI systems content-rich experiences game mechanics prototyping workflow tooling creative direction
Design + Code
Systems + Story
Playful UX
Three-Legged Dog and Company studio mascot
Frontend: responsive UI, motion, component architecture
Content systems: structured data, visual browsing, filtering patterns
Product mindset: iterate fast, validate behavior, ship improvements
Technical range: static sites, interactive tools, game-adjacent systems
Featured Work

Projects that show practical skills, not placeholders

These links point to real pages and tooling built in this workspace.

Project

Maze Generator and Walkthrough

Algorithm-driven puzzle space with validation, difficulty progression, and export capabilities.

  • procedural generation
  • rule validation and constraints
  • runtime interaction states
Review maze project notes
Writing

Engineering and Build Blog

A running log of process, decisions, and implementation notes from active projects.

  • design and dev reasoning
  • changelog-style progress entries
  • technical tradeoffs in plain language
Read the blog
Project

Double-12 Express

Interactive project route for the Double-12 Express experience.

  • standalone project page
  • ready for portfolio walkthroughs
Open Double-12 Express
Project

Sentient Product

Product concept route with dedicated project context and presentation.

  • standalone project page
  • portfolio-ready destination
Open Sentient Product
Project

Solar System

Visual/interactive solar system project route from your root workspace.

  • standalone project page
  • easy direct link sharing
Open Solar System
Project

Sourdough

Dedicated sourdough project page for process, content, and experimentation.

  • standalone project page
  • linked from main portfolio home
Open Sourdough
Publishing

Read posted articles

Long-form posts and writeups are published in the dedicated articles directory.

Article Hub

Open the articles archive

Use this to access everything you publish under /articles.

Open /articles
Published

Older in Tech

Published article route in the articles directory.

Read article
Published

Original Gamers

Published article route in the articles directory.

Read article
Published

Vibe Coding

Published article route in the articles directory.

Read article
Roadmap

Dynamic article manager

Future system: remote publishing workflow to manage article entries automatically.

View publishing roadmap
Roadmap

Blog system upgrade

Future system: remote blogging with posting tools and live index updates.

View blog status
How Work Happens

Execution model

1. Discover and frame

Define the real job of the page or feature

Start with the user task, constraints, and success criteria. Avoid ornamental complexity.

2. Build and test

Ship stable, readable solutions

Implement with clear structure, then validate behavior with practical testing passes.

3. Iterate fast

Improve based on real use

Tight feedback loops, targeted fixes, and measurable upgrades over broad redesign churn.

Studio Principles

Creative personality with production discipline

The goal is not minimal for the sake of minimal. The goal is clear, expressive, and dependable experiences that people actually enjoy using.

Clarity first

Navigation and intent should be obvious on first contact.

Style with purpose

Motion and color should support understanding, not distract from it.

Real craft

Readable code, coherent structure, and practical maintainability.

Ship momentum

Continuous improvements beat long stretches of hidden work.