Full-Stack · Mobile · Web
Dion Yang
Engineer specialising in React Native and Next.js — shipping high-quality experiences across mobile and web, on time and on budget.
Scroll to explore
·React Native·Next.js·TypeScript·Expo SDK 54·Tailwind CSS·Prisma·PostgreSQL·AWS·Terraform·Zustand·Stripe·dnd-kit·TanStack Query·shadcn/ui·Zod·expo-router·NativeWind·Recharts·Auth.js·Docker·React Native·Next.js·TypeScript·Expo SDK 54·Tailwind CSS·Prisma·PostgreSQL·AWS·Terraform·Zustand·Stripe·dnd-kit·TanStack Query·shadcn/ui·Zod·expo-router·NativeWind·Recharts·Auth.js·Docker
About
Engineer by degree,
builder by nature.
With degrees in Digital Media Communication and Information Technology,
I have consistently delivered high-quality web and mobile experiences that meet both deadlines and budgets.
My skillset spans the full stack — from device-native React Native apps to cloud infrastructure on AWS —
giving me the judgment to pick the right tool for every job.
From solo product work to leading cross-functional teams across multiple continents,
I bring precision, reliability, and a knack for mentoring the next wave of engineers.
Mobile
React NativeExpo SDK 54expo-routerNativeWindAsyncStorageexpo-sqlite
Frontend
ReactNext.jsTypeScriptTailwind CSSshadcn/uiRecharts
Backend
Node.jsPrismaPostgreSQLSQLiteREST APIsAuth.js
Cloud & Infra
AWS CognitoDynamoDBLambdaAPI GatewayTerraformDocker
Tooling
ZustandTanStack Querydnd-kitStripeZodreact-hook-form
Cloud & Infrastructure
AWS architectures,
built to scale.
100%
Offline-first
IaC
Terraform
REST
No SDK
Contact App — Cloud Sync
Local-first React Native app with an AWS backend. Contacts sync via an outbox pattern — failed requests queue in AsyncStorage and flush on reconnect. All infra managed by Terraform.
0ms
Cold (Provisioned)
$0
Idle Cost
Auto
Scales
Serverless REST API
Scalable REST API built on API Gateway and Lambda with no servers to manage. Static assets served from S3; relational data in RDS PostgreSQL. Auth via JWT bearer tokens.
Async
Processing
DLQ
Fault Tolerant
Fan-out
SNS → SQS
Event-Driven Pipeline
Async data pipeline triggered by S3 uploads. Lambda processes each file, writes results to DynamoDB, and fans out notifications via SNS. SQS dead-letter queue handles failures.
Work
Projects shipped
across mobile and web.
Android · 2026
Matrix Focus
Native Android task manager across four urgency/importance quadrants — drag tasks between cells with Compose gestures, persisted locally with Room.
View case study 
React Native · 2026
Hypertrophy
RP-style mesocycle planner with a progression engine, MEV/MAV/MRV volume tables, post-workout feedback sliders, and SQLite persistence.
View case study 
Android · 2026
UUID Generator Ultimate
Native Android UUID generator with v1/v4 versions, byte-segment color coding, format toggles (case, dashes, braces, quotes), bulk generation, and history.
View case study 
iOS · 2026
Bucket List
Native iOS bucket-list app with priority ratings, place categories, gradient cover cards, target dates, and a Completed tab — a calm, editorial take on travel goal-tracking.
View case study 
Hover → lightiOS · 2026
Dev Toolkit
Offline-first iOS developer toolkit — 9 utilities (cron parser, JWT decoder, Base64/URL encoder, hash & timestamp tools and more) with pinning, history, light/dark themes, and a Pro tier. Fully offline.
View case study Web Applications
Full-stack web apps,
from dashboards to platforms.
mdland.com · iClinic Professional
Click for case study
Healthcare · EHR Modernization
A ground-up UI modernization of iClinic Professional — MDLand's 20-year-old clinical EHR built on legacy C#/ASP.NET. Rebuilt the dense provider workflow (patient visit, prescribing, medication reconciliation) with a modern component system while preserving the information density clinicians rely on.
cook-4-me-recipes.dionyang.com
Hover to tour ↓
make-contracts-now.dionyang.com
Hover to tour ↓
Legal SaaS · Document Automation
Contract automation SaaS — build reusable templates with built-in fields, a clause library, AND/OR conditional logic, and document handles that generate Word contracts on demand.
payme4cargo.dionyang.com
Hover to tour ↓
Logistics Fintech · Dashboard
Freight payment dashboard for forwarding agents — cashflow analytics, settlement tracking, invoicing, and a live transactions ledger with payout requests, billed in Ghanaian cedi.
tripfez.com
Hover to tour ↓
Travel Booking · Multi-language
Muslim-friendly travel booking platform — international, domestic, Umrah and cruise packages with multi-language support, destination search, and integrated payment gateways.
time-tracker.dionyang.com
Click for case study
Productivity · Full-Stack
Toggl-inspired tracker with a live timer, Kanban boards, invoicing, PDF export, and Stripe-powered client payment pages.
WordPress · Client Sites
Sites designed,
built & shipped.
elevationlandscapegroup.com
Hover to tour ↓
Multi-Brand · Platform
Partnership platform site for a Western U.S. landscaping group — editorial serif/sans pairing, partner-company cards, and an interactive US footprint map.
allexhibitsolutions.com
Hover to tour ↓
Trade Show · Services
Marketing site for a nationwide exhibit install & dismantle company — dark, high-contrast theme with service breakdowns, process timeline, and quote capture.
taylorexpo.com
Hover to tour ↓
Trade Show · Fabrication
Bold brand site for a custom trade-show fabricator — animated hero, capabilities grid, six-step process, sustainability stats, and an accordion FAQ.
westcoastexhibit.com
Hover to tour ↓
Trade Show · Project Page
Project-driven build for a California exhibit shop — detailed NAMM island case study with a filterable photo gallery and lightbox.
formlify.com.au
Hover to tour ↓
SaaS · Software
Product marketing site for an Australian form-builder platform — feature pillars, industry segments, client testimonials, and conversion-focused CTAs.