Back home

Projects / 16

Built, shipped, maintained.

A running archive of products, developer tools, public-data systems, and technical learning work.

022025

Selected work

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.

Next.jsReact 19TypeScriptOpenAI Realtime APIWebRTCTailwind CSS
SoloYap realtime English speaking practice workspace
032025

Selected work

SoloMock

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

Next.jsTypeScriptOpenAI Realtime APIWebRTCMonacoTailwind CSS
SoloMock realtime coding interview workspace
042024

Selected work

all-in-one-URL

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

PythonFastAPIPostgreSQLRedisDockerReact

Build note

Built FastAPI backend with PostgreSQL, Redis caching, and tiered rate limiting
052026

Selected work

Gasolytics — US Gas Price Map

Live US fuel-economics site — an interactive map of all 50 states + DC with daily AAA averages, plus a full toolkit of state and metro pages, a trip cost calculator, an EV-vs-gas suite, and gas-tax, border-gap, and affordability analyses.

Next.jsReact 19TypeScriptd3-geoVercel BlobVercel
Gasolytics dashboard showing a United States fuel price map
062026

Selected work

Amex Roofing — Site + AI Booking Agent

Production site for a Bay Area roofing contractor (Reachspan AI client) — English/中文/Español, 22 local-SEO city pages, instant roof-measurement estimates, and an AI chat agent that hands off to a real booking calendar.

HTMLTailwind CSSVercel ServerlessGoogle Calendar APIGoogle Solar API

Build note

Shipped a buildless HTML + Tailwind site with English/中文/Español homepage twins and 22 city landing pages (11 cities × EN/中文) kept in sync by build scripts — every URL indexed by Google
072026

Project archive

Programming Basics

A zero-to-programming foundational on-ramp guide — the prerequisite track the other Throughline guides link to, taking absolute beginners from nothing to ready-to-specialize.

DocusaurusTypeScriptReactMDX

Build note

Authored a first-principles, read-top-to-bottom introduction to programming for readers with no prior experience, serving as the shared entry point for the specialization guides
082026

Selected work

Modern Web Dev Guide

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

DocusaurusTypeScriptReactMDXMermaid

Build note

Built a sampled-quiz engine with a ~700-question bank, per-session seeded shuffling, and localStorage state
092026

Selected work

Modern AI Guide

A 2026 AI engineering guide — 18 chapters from how LLM systems actually work to shipping evaluated production AI, with interactive checkpoint quizzes and runnable in-browser Python challenges.

DocusaurusTypeScriptReactMDXMermaid

Build note

Authored 18 chapters spanning LLM foundations, project lifecycle, the modern AI tech stack, solo/startup/enterprise workflows, decision frameworks, production patterns, and career paths
102026

Selected work

Modern Security Engineer Guide

A 2026 security engineering guide — 14 chapters of offensive and defensive security, from the attacker's mindset to a job-ready security engineer, with interactive checkpoint quizzes and hands-on code challenges.

DocusaurusTypeScriptReactMDXMermaid

Build note

Authored 14 chapters across 7 parts — cryptography, application security (OWASP Top 10), secure SDLC, offensive testing, detection & response, incident forensics, cloud/identity, governance, and the new AI attack surface (prompt injection, LLM Top 10, AI red-teaming)
112026

Project archive

Modern Cloud Engineer Guide

A 2026 first-principles cloud engineering guide — from cloud foundations and core services through Infrastructure-as-Code, Kubernetes, CI/CD, SRE, and platform engineering.

DocusaurusTypeScriptReactMDXMermaid

Build note

Authored all 11 chapters — cloud foundations, core services, Infrastructure-as-Code, Kubernetes, CI/CD & GitOps, observability & SRE, platform engineering, cloud security, FinOps, MLOps/LLMOps, and scale/career
122026

Project archive

Modern Data Engineering Guide

A 2026 first-principles data engineering guide — how data moves from raw source to trusted, query-ready tables: storage & file formats, SQL & query engines, modeling & warehousing, Spark, ingestion/CDC, dbt, orchestration, streaming, and the lakehouse.

DocusaurusTypeScriptReactMDXMermaid

Build note

Authored all 12 chapters — foundations, storage & formats, SQL & query engines, modeling & warehousing, Spark, ingestion & CDC, dbt, orchestration, streaming (Kafka), the lakehouse, data quality & governance, and career
132026

Project archive

Shipyard

A guided platform where you build a portfolio-grade project and get it AI-graded (Claude-as-judge) — the 'Build' act of Throughline, with a teaching-first coaching loop instead of a pass/fail gate.

TypeScriptReactClaude / LLM-as-JudgeVercel

Build note

Designed a guided build-and-grade flow that walks a learner through shipping a real, portfolio-grade project, then grades the result with an LLM-as-judge rubric (Claude-as-judge)
142026

Selected work

Reachspan

Landing site for an AI-infused digital marketing service — listens across Reddit, IG, FB, and Nextdoor, scores buying signals in real time, and engages warm leads. Performance-priced, no retainer.

HTMLTailwind CSSVercel ServerlessCal.com API

Build note

Designed and shipped a single-file Tailwind + HTML landing with alternating warm-dark hero and cream content sections; custom display/mono typography and scroll-reveal motion throughout
152026

Project archive

SWE Interview Guide

Zero-to-hero interview prep — 108 lessons across 17 phases, including AI-era interview rounds (AI-assisted coding, FDE decomposition, RAG, agent and eval design). Companion to SoloMock.

HTMLJavaScriptTailwind CSSVercel

Build note

Authored 108 lessons across 17 phases from foundations through DP, system design, AI-era interview rounds (2024–2026 formats), AI-product engineering, frontend, and behavioral
162026

Project archive

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.

HTMLCSSJavaScriptGitHub Pages

Build note

Authored 12 sequential learning stages with time budgets, references, and concrete deliverables