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
View caseOpen Pean
Mosaqo project visual

Web and mobile product / QR infrastructure

Mosaqo

A business QR workspace for creating branded codes, updating destinations after print, tracking scans, and managing campaigns across web, iOS, and Android.

Problem

Basic QR generators produce a one-off image, but real campaigns need brand controls, reliable scanability, editable destinations, analytics, and a workspace that stays useful after printing.

Outcome

A cross-platform product that turns QR codes into a manageable channel with dynamic redirects, live scan analytics, print-ready exports, reusable brand templates, and API automation.

  • Next.js
  • Mobile apps
  • Dynamic QR
  • Scan analytics
  • REST API
View caseOpen Mosaqo
Cuelio project visual

Browser 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.

  • Browser Extensions
  • Next.js
  • TypeScript
  • Gemini
  • Transcript UX
View caseOpen Cuelio
Crowra project visual

Browser 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.

  • Browser Extensions
  • React
  • TypeScript
  • SEO
  • Schema
View caseOpen Crowra
TableSnap project visual

Browser extension / Web table workflows

TableSnap

A local-first browser 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.

  • Browser Extensions
  • React
  • TypeScript
  • Data UX
  • CSV / Markdown
View caseOpen TableSnap
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
View caseOpen site