Work

Enterprise

  • 01/ 02

    Austin Producer Alliance

    austinproduceralliance.com(opens in new tab)

    The hub for a collective of music producers in Austin, Texas. Twenty-four routes cover events, a member directory, resources, a store, and door check-in, all built from six content collections that include the event calendar, eight producer profiles, and eight store products. On the rack page, a local audio file runs through sixteen named Web Audio effect modules in a fixed chain order, over a Three.js scene.

    • Development
    • Music
  • 02/ 02

    Huize Health

    huizehealth.netlify.app(opens in new tab)

    A Chinese-first corporate site for Huize Health, a Shanghai digital health company serving insurers, employers, and individual clients. Nineteen pages and five JSON endpoints draw on ten collections covering 43 institutions, 29 provinces, 21 wellness bases, and 12 news items. A development-only inline editor makes page text editable in place, holding pending changes in localStorage with undo and Chinese-labelled controls.

    • Development
    • Healthcare

Entrepreneur

  • 01/ 01

    InterSub

    intersubstudio.com(opens in new tab)

    Five API routes and four pages cover events, outcomes, and testimonials for a business English coaching practice serving Chinese professionals. An English and Chinese toggle swaps 153 translated strings at runtime and reformats dates into the Chinese year, month, day order. Staff sign in through Netlify Identity to manage entries from an admin dashboard, which writes to Netlify Blobs in production and to local JSON files in development.

    • Education

Creative

  • 01/ 05

    Aephonics - Music

    music.aephonics.com(opens in new tab)

    A console-style player anchors a one-page music production portfolio for an Austin producer and engineer. It streams 188 tracks across music, sessions, and productions, with waveform scrubbing, VU meters, and a catalog filtered by key, year, and BPM. Waveforms render from peak data extracted with ffmpeg ahead of time, and WAV downloads sit behind a PIN checked in a Netlify edge function.

    • Development
    • Music
  • 02/ 05

    Aephonics - Travel

    travel.aephonics.com(opens in new tab)

    An interactive travel atlas of places Kevin Huang has visited, shown as a map or as cards. 542 markers across 13 journeys carry 10 categories, 29 starred favorites, and eight shaded region outlines, filtered and searched from one page that remembers its state. A build step extracts the basemap from a daily Protomaps planet build and fails if any marker falls outside the tiled coverage.

    • Travel
  • 03/ 05

    ATX Music Video Film Festival

    atxmusicvideofilmfestival.com(opens in new tab)

    Four pages recap a one-night music video festival in East Austin for guests after the event. An info page holds a sixteen-slot program, the venue, and an eight-entry FAQ, while separate pages list a ten-person crew and a 22-photo gallery whose lightbox is keyboard-operable. A parallax starfield of three CSS gradient layers sits behind every page and persists across view transitions.

    • Film
  • 04/ 05

    EmpowHER ATX

    empowheratx.com(opens in new tab)

    Nine pages present a one-day music festival in Austin to attendees and sponsors, covering three stages, a countdown to April 17, 2027, eleven organizer profiles, and three sponsorship tiers. A Stripe checkout route prices orders server side from the store collection rather than the request, though the collection is currently empty. The webhook records processed event IDs in Netlify Blobs, so a replayed event sends no second receipt.

    • Development
    • Festival
  • 05/ 05

    Stuttgart Series

    al-unity.netlify.app(opens in new tab)

    Full-screen scenes replace conventional navigation on a site for a film series, moved through with the arrow keys. The plan covers a landing scene plus project info, sponsors, and contact, on a rigid grid with hairline dividers. Only the scaffold exists so far, and the brief holds every scene to a visible focusable control so the arrow keys are never the only way through.

    • Development
    • Film

Personal

  • 01/ 01

    Figure Zero Project

    figurezeroproject.com(opens in new tab)

    Three pages introduce a student-run organization that pairs artists with scientific journals. Two content collections drive a 19-person roster of co-presidents, artists, investigators, and interns plus a five-cover portfolio, while eight journal collaborations and two testimonies sit in static arrays. Light and dark themes follow the system setting until a visitor overrides it, and six hand-drawn doodle SVGs layer behind headings set in four font families.

    • Art

Dev

  • 01/ 04

    Aephonics

    aephonics.com(opens in new tab)

    A landing page for Kevin Huang's personal sites, linking four subdomains. One route carries a full-screen hero and a four-card directory, where each card opens the algorithm archive, portfolio, music catalog, or travel map under its own accent color. Two stacked canvases draw the hero backdrop, one tracing a grid line by line and the other animating pulses that trail along it.

    • Software
  • 02/ 04

    Aephonics - Algo

    algo.aephonics.com(opens in new tab)

    Over 4,000 problem pages archive Kevin Huang's LeetCode solutions in six languages, alongside thirteen data structure implementations. Search runs from a JSON index reachable with a slash shortcut, and per-difficulty progress bars sit beside an upcoming events list scraped from Meetup at build time. Two custom content loaders read the raw source files, one parsing a numbered header comment into an id and title, the other using the filename.

    • Software
  • 03/ 04

    Aephonics - Dev

    dev.aephonics.com(opens in new tab)

    A portfolio of Kevin Huang's web engineering work for prospective clients. Thirteen projects across five tiers sit on the work page, a ten-stage pipeline and a fifteen-tool stack on the engineering page, and a two-year calendar and a contact form on the home page. Project previews cycle screenshot frames on a shared timer, advancing only while a card is on screen and holding still under reduced motion.

    • Development
    • Software
  • 04/ 04

    Template

    aephonics-template.netlify.app(opens in new tab)

    Every other site here begins from this starter repository. An index page, two error pages, a catch-all API route, six response security headers, and six tests across unit, integration, and end-to-end suites come preconfigured, along with lint, type checks, GitHub Actions CI, and unused Supabase scaffolding. Error middleware rewrites server errors to a dedicated 500 page, and the layout emits JSON-LD built from a shared route list.

    • Software
Index