Felix Yu

I build the whole thing: websites, systems, apps, motion. Full-stack developer, Melbourne

Fig. 01 A moon, clouds and a torn night sky. Collage is also how I build products: cut out the good parts that already exist, then rearrange how they relate.

A bit of everything. All of it ships.

I am Felix Yu, also Shuhai Yu, a full-stack developer living in Melbourne and the founder of Pixdyne. I have built an education company's entire stack, from public site to student portal to back office; a job system for a property-safety company that reads agency emails with AI; a rent-splitting app for housemates; and a Claude Code control centre for my own desk.

I do not draw a hard line between front end and back end, or between web and app. From brief to launch I have touched every step: data models, APIs, payments, motion, SEO, handover docs. Clients usually only need to talk to one person.

Case studies are below, and there is more about me here.

repositories, from brochure sites to desktop tools

commits since March 2025

platforms: web, iOS and Android, macOS, Shopify

Vintage collage: a bullfinch, a great tit and a goldfinch flying through torn-paper clouds

Six kinds of work. One person.

From a one-page site to a whole system, without changing hands.

Brand sites & e-commerce

Shopify themes, Next.js sites, bilingual content, SEO that lands. The goal is customers, not just good looks.

Pet Daddy · Goodmood Studio · Insight Idea · Half Moon Nail
Full-stack products

Accounts, payments, admin, notifications, end to end, delivered with tests and a deployment manual.

PixCode · Meuwoo · Roommate Money
Mobile apps

Expo and React Native, sharing domain logic with the web app, shipped to iOS and Android together.

Roommate Money · Meuwoo App
Internal systems

School admin, CRMs, property management. Tools people can live in for eight hours a day: state is visible, actions are reversible, errors speak plainly.

Austin System · Bestar CRM · RJL · Pixdyne Dashboard
AI integration

LLM gateways, AI marking, receipt recognition, in-app assistants. Wired into real workflows, not a chat box in the corner.

PixCode · Austin AI Marking · Roommate Money OCR
Desktop tools & experiments

Electron, Three.js, scroll-motion experiments, and a pile of small tools made for myself.

PixClaudeHub · 4x4score · this site

Things I have made

Twelve picks. Hover a row to see it; the linked ones open.Tap a row to unfold it; the linked ones open.

Full stack Austin EducationPublic site, student portal, school admin The whole digital stack for a Melbourne education company: a Next.js site with SEO-led course pages and a student dashboard with VCE score prediction, both on Postgres and Vercel, plus a NestJS back office for timetabling, payments and attendance. Three repositories, 1,500-plus commits.
Systems RJL A GroupSafety-check jobs for property managers Smoke-alarm and gas-and-electrical checks booked by real-estate agencies. Agency emails are read by Gemini and turned into job orders, tenants pick an inspection slot on a public booking page, and every change lands in an audit log. Rebuilt from Express and React into Next.js 16 and Prisma.
App Roommate MoneyRent and bill splitting for housemates Built for international students sharing a house: four relationship types (me, partner, housemate, family), fortnightly settlement, AI receipt scanning. Expo, Supabase with row-level security, Gemini, RevenueCat subscriptions.
App + web MeuwooCattery app and buyer website The breeder runs the cattery from an app: cats, booking approvals, accounts. Buyers browse, apply and message on the web. Expo and Next.js share one domain layer and one set of design tokens, with Supabase and Stripe behind them.
AI PixCodeAn AI coding gateway One key for 60 models behind an OpenAI-compatible gateway, with top-ups, a console and docs. A Next.js edge proxy streams every request, logs usage to Postgres and settles it against a Stripe prepaid balance.
Desktop PixClaudeHubA Claude Code control centre for macOS Every project and session in one window, a secrets vault on Keychain, cross-session context over MCP, and a desk pet that tells you which session is waiting on you. Electron, fully local.
Interactive 4x4ScoreOff-road capability scorer and mod simulator Rate a vehicle across sand, rock, mud, water and snow, simulate modifications against a budget, then take the terrain quiz. A Three.js truck drives the home page on GSAP ScrollTrigger and steps down to a still image on phones.
Systems Bestar EnergyInternal CRM and an SEO-led site A Melbourne energy installer: an internal CRM on Next.js 15 and Supabase, with the requirements questionnaire living in the same project. The public site gets retitled and rewritten each month against Search Console query data.
Internal Pixdyne DashboardThe studio's client, SEO and invoice console Clients, sites, tasks, invoices and settlements in one place, with four roles from admin to client viewer. Better Auth sessions are exchanged for Supabase JWTs so row-level security does the gatekeeping; client credentials are sealed with AES-256-GCM; an embedded Sanity Studio feeds the studio's content sites.
Themes Shopify themes ×4Inkstone, Redline, Solitaire, Topcoat High-motion Online Store 2.0 themes for tea, car parts, jewellery and nails. Ink-drop and tachometer preloaders, scroll-painting and aperture heroes, GSAP and Lenis bundled locally.
Studio PixdyneThe studio site and a free SEO/GEO audit Home for the studio I run in Melbourne: services, case studies and a journal on Next.js 16 and GSAP. The free audit checks any domain in about thirty seconds and reports whether Google and AI assistants can find, read and cite it.
Sites Melbourne's small businessesBrand sites through Pixdyne Pet Daddy, Goodmood Studio, Insight Idea migration advisers, Half Moon Nail, Open Mat, Dear Lighter and more. Bilingual, findable, and built to bring in customers.

All work and case studies · Writing

Scrapbook

Fragments left over from making things: storyboards, half-builds, the options that got cut, small toys made for myself.

Hand-drawn storyboard: six frames of a phone sliding in front of a cobalt sun

StoryboardEvery move gets drawn on paper first.

Desk petIt tells you which Claude session is waiting on you.

A cobalt easing curve drawn over torn halftone clouds, with a vermilion dot where it bends

EasingOne curve decides a page's temperament.

Vintage collage: a tiger swallowtail, white flowers and a torn star chart

ReferenceStar chart, butterfly, torn paper: where this page's palette comes from.

BilingualInsight Idea: a Chinese and English site for migration advisers, told through client videos.

BilingualGoodmood Studio: a studio working between China and Australia.

Paper collage: a question mark cut from cloud paper over a hand-drawn flow diagram

Paper collage: a crooked tower of taped paper strips with a small blue light on top

Paper collage: a cobalt moon with fading copies trailing behind it like onion-skin frames

Three steps from idea to product

Step one

Ask

Work out what the problem is, who it is for, and how many hours a day they will live in it. Draw the data model, write a one-page product note, then start. Time skipped here gets paid back double later.

Step two

Build

Ship the smallest version that runs: real data, real payments, real deployment. Ugly is fine. Get it alive and into people's hands, then decide where it should grow.

Step three

Polish

Then iterate: motion timing, SEO, error messages, monitoring, handover docs. When it is done, switch off every animation and look again. If the page still stands, it is finished.

I do not separate front end from back end, or web from app. Good products are grown as one chain: when the data model is right, the interface comes easily; when the rhythm is right, the page stays with you.