The React Priority Planner
An interactive task manager that addresses timezone shifts on deadlines by forcing checks to local midnight. Features lazy state persistence and a high-contrast theme conforming to WCAG AA.
I build accessible (WCAG AA compliant), responsive React components backed by 100% statement-coverage unit tests.
WebGL / Three.js 60fps Staged Environment • FE-AA2
Production-quality builds demonstrating performance, accessibility logic, and code previews.
An interactive task manager that addresses timezone shifts on deadlines by forcing checks to local midnight. Features lazy state persistence and a high-contrast theme conforming to WCAG AA.
A framework-free settings form proving semantic accessibility without bloat. Connects error labels reactively using JSDOM accessibility parameters and locks invalid submits.
The Problem: Non-semantic AI filter components break focus traps and URL history state.
What I Did: URLSearchParams query synchronization with 12 Vitest JSDOM unit test cases.
What Came of It: 100% WCAG AA compliance and zero layout regression.
Open preserved Claude Project. Voice Card ("Direct, technical, clear, no marketing buzzwords") and stack kit are pre-loaded so future case studies require zero setup.
Format raw feature notes into the 3 beats: 1. Problem (UI/a11y issue), 2. What I Did (code & tests), 3. What Came of It (pass rate).
Paste the article block into app/page.js and add 1 bullet to route.js system prompt so the AI Agent instantly answers questions about the new build!
Execute the component validations live on your browser using our simulated headless DOM engine.
Click "Run Vitest Suite" above to simulate validation checks.
This personal AI assistant is trained on my technical profile, design constraints, and project case studies. Ask it to evaluate my skills or pressure-test my work logic.
Send a direct message through my free-tier serverless API. Submissions are processed and validated end-to-end.