Security Playground
Developer EducationWeb Security Lab
Interactive demos of common web security issues and safer implementation patterns.
Nuxt / Vue 3 / Web Security / OWASP
Experiments
Small interactive tools and lab projects. Some are usable mini-tools; others are smaller proof points.
Interactive tools
Lightweight utilities for sketching, transforming, and checking interface details directly in the browser.
Featured tool
System Design Sketcher
Generate a concise first-pass architecture outline from a domain, constraint, and requirement.
Generated sketch, not final architecture.
JSON to TypeScript
Paste JSON and generate a simple TypeScript interface locally in the browser.
Generated interface will appear here.
A11y Contrast Checker
Check foreground and background contrast against common WCAG text thresholds.
Visual preview
This sample approximates normal interface text on the selected background.
Large text preview
Contrast ratio
9.90:1
Normal text AAPass
Large text AAPass
Normal text AAAPass
Large text AAAPass
Strong contrast for normal and large text.
Lab shelf
Smaller utilities, learning projects, and exploratory builds kept intentionally quieter than the main Work page.
PageScope
Browser ExtensionDeveloper Utility
Chrome extension that analyzes websites locally and returns summaries, metadata, and technology hints.
Chrome Extensions / JavaScript / Manifest V3 / HTML / CSS
i18n Linter CLI
CLI ToolDeveloper Workflow
CLI utility for checking translation files for missing keys, extra keys, and placeholder mismatches.
Node.js / TypeScript / CLI / npm
Family Space
Personal ProductivityFirebase App
Family organization app with shared calendars, task management, messaging, and Firebase-backed collaboration.
Nuxt / Vue 3 / TypeScript / Tailwind CSS / Firebase
MindQ Lab
Personal ProductLearning Experience
A psychology and personal-growth platform blending structured learning, daily progress, and reflective product UX.
Nuxt / TypeScript / Firebase / Tailwind CSS
Sunlit Tales
Content PlatformCreative Web
Poetry and creative content platform built with Nuxt, Node.js, Sanity, MongoDB, and Tailwind.
Node.js / Nuxt / Tailwind CSS / Sanity / MongoDB