Things I've Built

SoloYap

Realtime voice English tutor — practice spoken English with an AI partner over scenarios like ordering coffee, doctor visits, and salary negotiation, with grammar corrections after every turn.

Highlights

• ▹Built the realtime voice loop on OpenAI's Realtime API over WebRTC; instant grammar corrections and better-phrasing suggestions stream back after every learner turn
• ▹Authored 13 CEFR-graded scenarios (A2–C1) plus free-chat and custom-topic modes, with optional Mandarin/Cantonese native-language hints to lower the floor for beginners
• ▹Shipped as an installable PWA with manifest + apple-touch icons; layered cost protection via per-IP rate limits, session caps, and an email-allowlist request-access flow

SoloMock

Verbal mock-interview app — talk through coding problems out loud with an AI interviewer over realtime voice, get instant feedback.

Highlights

• ▹Built the realtime voice loop on OpenAI's GA Realtime API over WebRTC; debounced code-editor snapshots stream into the model so the AI reacts to what you type, not just what you say
• ▹Authored 15 structured per-problem 'interviewer briefs' (solution tree, 4-rung Socratic hint ladder, follow-ups, edge cases) that drive interviewer behavior via the system prompt
• ▹Layered cost protection: per-IP rate limit, 15-min session cap, ephemeral key TTL, and a Discord-webhook extended-access request flow with manual-whitelist approval

all-in-one-URL

Short links, QR codes, barcodes, and analytics platform.

Highlights

• ▹Built FastAPI backend with PostgreSQL, Redis caching, and tiered rate limiting
• ▹Added JWT auth and per-resource ownership while preserving anonymous resources
• ▹Deployed full stack on Vercel, Render, Neon, and Upstash

United Front Roofing

Marketing site for a roofing business with an embedded AI voice booking agent.

Highlights

• ▹Shipped Astro + Tailwind site with quote estimator and project gallery
• ▹Integrated ElevenLabs voice agent to answer FAQs and triage emergency requests
• ▹Wired webhook tools to Cal.com API to book real inspection appointments end-to-end

Modern Web Dev Guide

A 2026 web dev guide turned into an interactive course — ~700 quiz questions, mandatory checkpoints, and progressive chapter unlock.

Highlights

• ▹Built a sampled-quiz engine with a ~700-question bank, per-session seeded shuffling, and localStorage state
• ▹Wired progressive sidebar locking so each chapter unlocks only after its prereq quiz passes
• ▹Authored 11 chapters across foundations, lifecycle, tech stack, scale workflows, AI, and career

SWE Interview Guide

Zero-to-hero interview prep — an 8-step study loop, Big-O reference, and pattern-by-pattern playbook (hash map, two pointers, sliding window, binary search, heaps, and more).

Highlights

• ▹Codified the repeatable study loop and per-pattern templates I rerun on every new problem
• ▹Single-file interactive HTML with quiz-gated lessons, code templates, and a mock timer
• ▹Deployed on Vercel as a static asset — instant load, no build pipeline

2026 Skills Roadmap

Single-page roadmap from zero to a working 2026 web-dev stack — 12 stages across JS, HTML/CSS, browser JS, Git, TypeScript, React, Tailwind, and the modern toolchain.

Highlights

• ▹Authored 12 sequential learning stages with time budgets, references, and concrete deliverables
• ▹Single self-contained HTML file with sticky sidebar nav and dark-mode design tokens
• ▹Published via GitHub Pages — zero build step, instant edit-and-push iteration

Obesity Data Analysis

Data science project analyzing obesity patterns with matplotlib/seaborn visualizations and sklearn predictive models.