UBIW Studio Next.js · WebGL Offer Module React · Turborepo · Playwright Formo Next.js · Supabase · Tinybird Jigger Mixology Astro · Responsive UI NYMUSICKR Remix · SSR Archive 3 earlier projects

Phi Hung

Creative Frontend Engineer
React / Next.js / TypeScript
Vietnam

Info Contact

psst… drag a planet and let go

UBIW Studio

Frontend Engineer / Team site Sep 2026 – Present Live Project

The site of UBIW Studio, a product team of seven friends from HCMUS. I built it end to end: a Next.js site with an interactive WebGL room where each member is introduced through their desk, machines and photos.

Next.js
WebGL

Visit ubiw.space

Stack: Next.js 16 + WebGL
Hosting: Cloudflare
Link: ubiw.space

The problem

Introduce a seven-person product team through its work rather than a sales pitch, and keep it smooth on desktop and phones.

What shipped

Live at ubiw.space, scoring 100 for accessibility and 100 for best practices in Lighthouse, with zero layout shift (Oct 2026).

a live WebGL room, 60 fps hotspots fly the camera in

a live WebGL room, 60 fps
hotspots fly the camera in

How I built it

Built a statically exported Next.js 16 site on Cloudflare with share images generated at build time
Wrote an interactive WebGL room in which desks, machines and photos introduce each member
Animated only transform and opacity, with Lenis scrolling and loops paused off-screen, to hold 60 fps

Offer Module

Frontend Engineer / TGM Research Jul 2025 – Present Live Project

An internal operations module and an external client portal for a market research company. I build pricing modules and multi-role features, refactor legacy code, and guard every release with unit and end-to-end tests.

React
Turborepo
Playwright

Commits: 400+, AI-assisted
Tests: Vitest + Playwright
Repo: Turborepo

The problem

Legacy pricing screens re-rendered heavy market data in loops, form rules were fragile, and clients needed a portal of their own next to the internal tool.

What shipped

Every pull request now runs lint, type-check, unit tests with coverage gates, the build and Playwright end-to-end tests in parallel on Bitbucket, with a weekly full end-to-end run and dependency audit.

React Hook Form + Zod pricing: CPI / PPQ / SP

React Hook Form + Zod
pricing: CPI / PPQ / SP

How I built it

Built pricing modules and dynamic multi-value forms on React Hook Form + Zod, so business rules are enforced by typed schemas
Moved Redux data setup out of the UI layer and cached derived data with useRef and useMemo, which ended the render loops
Built the client portal from scratch with Vite, Tailwind and shadcn/ui inside the Turborepo monorepo, kept current by polling with TanStack Query

Formo

Full-stack Developer / Web3 analytics Feb 2025 – Jun 2025

A Web3 platform for token-gated forms and surveys with real-time analytics dashboards. I built the product on Next.js and Supabase, its event pipelines, a shared Radix + Tailwind component system, payments and token gating.

Next.js
Supabase
Tinybird

Visit formo.so

Role: Full-stack
Data: Tinybird + Supabase
Link: formo.so

The problem

One product had to serve both ordinary forms and token-gated Web3 campaigns, with analytics that update as events arrive.

What shipped

Events flow from the SDK through Tinybird into dashboards that update live, while payments and wallet-based gates run inside the same Supabase backend.

Formo, preview — formo.so as it looks today

How I built it

Built Tinybird pipelines that ingest and filter events from the Formo SDK, and pushed live dashboard updates through Supabase Realtime
Designed one Radix UI + Tailwind component system used across every product surface
Wrote a Supabase Edge Function for Paddle payment webhooks, and token gating with the Moralis and Helius APIs

Jigger Mixology

F&B consulting website Independent project

The website of an F&B consulting business. I structured the offer, built the responsive Astro site, and shaped the catalogue and project pages so consulting, training and cafe setup each read at a glance.

Astro
Responsive UI

Visit jiggermixology.com

Stack: Astro
Type: Independent
Link: jiggermixology.com

The problem

An F&B consultancy needed a fast website that makes consulting, training and cafe-setup services clear within seconds.

What shipped

Live at jiggermixology.com, scoring 96 for accessibility, 100 for best practices and 92 for SEO in Lighthouse, with almost no layout shift (CLS 0.009 on mobile, Oct 2026).

three service lines up front

three service lines up front

How I built it

Organised the site around the three service lines
Built a responsive Astro site with a catalogue and a project showcase
Kept pages light for visitors arriving on phones

NYMUSICKR

Frontend Engineer / Burning Bros Aug 2024 – Feb 2025

A high-traffic web app for selling albums, running fan clubs and organising events. I built server-rendered Remix UI, localization for each market, production hotfixes, and the move off the legacy codebase.

Remix
SSR

Visit nymusickr.com

Stack: Remix SSR
Team: Burning Bros
Link: nymusickr.com

The problem

A music store had to load fast and rank well in search while it was translated for new markets and moved off a legacy codebase.

What shipped

Pages arrive server-rendered for fast first loads and search visibility, translated per market, on a React + TypeScript codebase in place of the legacy one.

NYMUSICKR, preview — localized for each market
server-rendered with Remix

How I built it

Rendered album, fan-club and event pages on the server with Remix
Built accessible UI on Headless UI primitives and added localization for each market release
Migrated legacy screens to React + TypeScript and shipped production hotfixes on a Jira and Slack cadence