Selected work

Product engineering projects with real constraints, clear outcomes, and production-minded trade-offs.

I work across web, mobile, browser extensions, APIs, product architecture, and AI-enabled product features. These projects show how I think through user context, source grounding, technical boundaries, performance, and shipping quality. Technical articles stay connected as related writing, not as replacement case studies.

Pean project visual

Primary mobile product / Private maps

Pean

The main Pean app: a private map product for saving meaningful places, organizing personal discoveries, and sharing selected spots with people you trust.

Problem

Traditional map products are built around public places, search, and navigation. They are awkward for private spots that matter only to you.

Outcome

A product direction centered on one-tap saving, privacy by default, outdoor use cases, and low-friction capture from iPhone and Apple Watch.

  • Expo
  • React Native
  • Swift
  • Next.js
  • Product UX
Cuelio project visual

Chrome extension / YouTube search

Cuelio

A search-first YouTube extension for transcript search, comment search, source-grounded AI answers, and exact timestamp jumps beside the video.

Problem

Long YouTube videos often behave like messy knowledge bases, but finding the exact quote, answer, or viewer reaction inside them is still too slow.

Outcome

A local-first side-panel workflow that helps people search transcripts, question videos with timestamped AI answers, inspect comments, and jump back to the right second faster.

  • Chrome Extensions
  • Next.js
  • TypeScript
  • Gemini
  • Transcript UX
Crowra project visual

Chrome extension / SEO tooling

Crowra

A focused Chrome side-panel inspector for reviewing SEO, technical health, schema, links, accessibility, and AI readiness without leaving the page.

Problem

SEO review workflows often force people into dashboards, extra tabs, and disconnected checklists right when they need a fast pre-launch pass.

Outcome

A local-first browser tool that keeps the audit beside the page, turns hidden technical checks into clear review sections, and supports faster launch decisions.

  • Chrome Extensions
  • React
  • TypeScript
  • SEO
  • Schema
TableSnap project visual

Chrome extension / Web table workflows

TableSnap

A local-first Chrome extension for detecting web tables, cleaning messy extracts in preview, and exporting usable data as CSV, TSV, Markdown, HTML, or JSON.

Problem

Copying tables from websites into spreadsheets or docs usually means broken formatting, noisy columns, and manual cleanup right when you need structured data fast.

Outcome

A focused browser workflow that keeps table capture beside the page, handles messy real-world table patterns, and exports clean data for Excel, Sheets, Notion, Airtable, Markdown, or JSON workflows.

  • Chrome Extensions
  • React
  • TypeScript
  • Data UX
  • CSV / Markdown
pean.dev project visual

Personal brand / Metadata

pean.dev

A personal site and writing system built around fast pages, careful metadata, AI/LLM discoverability, native CSS motion, and practical engineering articles.

Problem

A personal site should prove taste, performance discipline, and technical judgment instead of becoming a heavy animated portfolio shell.

Outcome

A lightweight Next.js surface with structured writing, dynamic metadata, open graph images, sitemap coverage, llms.txt coverage, and CSS-first interaction polish.

  • Next.js
  • React
  • TypeScript
  • SEO
  • AI Search
  • CSS Motion