DHDavid HsiaoFrontend software engineer
Frontend software engineer · Bay Area

I build ideas
people can feel.

I build responsive interfaces with React, TypeScript and Next.js. From API-connected workflows to the details that make a product feel right.

Explore the work Resume PDF
Professional experienceBarracuda Adobe via TEKsystems Supermicro

Open to frontend roles · U.S. work authorized, no sponsorship

human-interface.tsx
Craft + code
Applied AI
Hover, tap or press EnterAnalog human / digital mind
01 — Selected work

A few things
I've made.

Live products and hands-on experiments. Explore the interface, the engineering decisions, and what shipped.

01 / Featured buildLive web product
D8ly Compass homepage with daily guidance and an Odyssey character reading
Read case study
Web + applied AI

D8ly Compass

A bilingual guidance product combining deterministic Bazi calculations, AI interpretation, and public plus authenticated developer tools.

  • Next.js
  • React 19
  • Tailwind CSS
  • +1
Open d8ly.app
04TestFlight beta
AfterPlay product website with current branding and recording, rewatching and sharing overview
Read case study
Native + media systems

AfterPlay

An iPhone court-session recorder with recoverable video uploads, private playback, and owner-controlled browser sharing, currently in TestFlight.

  • SwiftUI
  • AVFoundation
  • Cloudflare Workers
  • +2
Visit product website
05Live experiment
Agents Rap Battle arena with rapper selection and battle topic controls
Read case study
Realtime creative systems

Agents Rap Battle

A realtime browser experiment with AI performers, streamed verses and speech, beat-aware playback, reconnectable battle rooms, and replay scorecards.

  • React
  • Vite
  • Cloudflare Workers
  • +2
Open live experiment
02 — How I think

Make it clear.
Then make it shine.

My front-end background still shapes everything: care about the person at the other end, sweat the interaction, and never let complexity leak into the experience.

01

Design the feeling

Interfaces should communicate before anyone reads the documentation. I start with hierarchy, rhythm, and the moment that makes a product memorable.

02

Engineer the system

The polish only lasts when the code underneath is clear, responsive, and ready to evolve. Craft and maintainability belong in the same conversation.

03

Explore the edge

AI is changing what a small team can make. I prototype with it, pressure-test the experience, and keep the useful parts grounded in real human needs.

03 — Working set

The stack got wider.The standard stayed high.

React and TypeScript are my professional foundation. Recent AI-assisted product work extends into native apps, media pipelines, and developer APIs. These are technologies used across these projects, with testing and release work alongside implementation.

01
Frontend + product UI

Front-end craft with a point of view.

Responsive product surfaces, motion systems, and the design details that make complex tools feel immediately usable.

  • JavaScript
  • TypeScript
  • React
  • Next.js
  • HTML + CSS
  • Tailwind CSS
  • Framer Motion
  • Vite
02
Applied AI + agents

Models inside real workflows.

Structured AI responses, provider fallbacks, and developer-facing tools with explicit validation and usage boundaries.

  • Gemini
  • OpenAI
  • MCP + OpenAPI
  • Model Evaluation
  • Provider Fallbacks
  • Schema Validation
03
Cloud + data

Small systems that hold up.

Serverless APIs, auth, databases, object storage, and resilient upload paths built for products in the real world.

  • Cloudflare Workers
  • R2 + D1
  • Supabase
  • PostgreSQL
  • Prisma
04
Native + media

Native products, shipped and evolving.

OutfitSignal is on the App Store. AfterPlay and SetReplay add native recording, upload recovery, and device integrations through TestFlight iterations.

  • Swift
  • SwiftUI
  • React Native
  • Expo
  • Capacitor
Shipping practice

From a reviewed change to a tested build, a verified deployment, and a recovery path.

  • AI-assisted development
  • GitHub Actions CI
  • Unit + UI regression tests
  • Local Xcode + TestFlight
  • App Store release checks
  • API contract tests
  • Production smoke tests
  • Deploy + rollback
04 — Start something

Have an idea
with some voltage?

I'm interested in thoughtful teams, unusual products, ambitious prototypes, and conversations that lead somewhere unexpected.

davidhsiao510@icloud.com
GitHub LinkedIn
Send a signalUsually reads like a human