software engineer⋅narrative author

Chuang Caleb

Professionally tinkering with UI design systems and static sites + dynamic web apps — and unprofessionally with narrative storytelling. Stalk me on this site :) Wanna work together?

email me my resume

LinkedInGitHubahoy@chuangcaleb.com

00 ⋅ About

TL;DR — in less than 140 words

Professionally

I’m currently a Frontend Engineer at decube, developing our web app! Previously with Airasia MOVE, working on UI/UX & Network Logic for the flights booking web-interface at airasia.com. 1420+ total days employed!

Growing Up

I found aptitude in Redstone and Game Dev/Design, where I first started coding. Through a BSc Computer Science w AI, I’ve found Software Dev (notably Full-Stack Web) as the modern medium to create experiences.

My Passion

is in Storytelling & Narratives: “finding universal truths of human experience, and translating them into cohesive drama” [1]. I create with music, theatre, film, storyboarding—even tech. I have a lot to say about story, if you’d like to hear me!

Digital Garden

I also upkeep a Digital Garden with Obsidian — it’s my daily journal, knowledge base, and content creation studio. Some of my notes are publicly exposed at /notes!

01 ⋅ Experience

The (professional) career journey, thus far

Developed a “unified data platform” web-app with complex CRUD forms, detailed network/error states, custom displays — using Next.js, TypeScript, Tailwind, & React Query
Worked out the spec for the design system and a robust custom component library from scratch, with modern Storybook, benefiting both UX and DX
Collaborated on design decisions, conducted thorough PR reviews, and proactively surfaced subtle code smells and maintainability issues

During my tenure at AirAsia (airasia.com), I worked on different projects and teams, from the primary “Flights” booking service, to experimental “Dine-In”, as well as the companion “Ride” e-hailing service.

AirAsia Flights — Guest Details & Ancillary Add-Ons: Customer web booking interface for guest(s) details and add-on services (e.g. upgrading Baggage, Seats, Meals, etc.)

Implemented clean and predictable UI + UX, in accordance with existing design system
Developed new frontend features + maintaining the codebase, within the checkout page
Handled complex business logic & user flows, nested & conditional data forms, and UI for network/server states
Collaborated between different people in many different teams: e.g. Product, Backend, CMS, SEO, Analytics, Translations, QA.

AirAsia Dine-In: Consumer-facing website for showcasing/making/managing restaurant reservations.

Built the pages and logic from scratch, following Figma designs and product specs.
Executed work coordinating with many moving parts from different teams.

AirAsia Ride — Admin Panel: Dashboard for a database-manager system for internal staff.

Made improvements to existing UI styles and choices.
Rewrote and refactored code, improving code quality and reusability.
UI/UX, CRUD forms, REST APIs, Auth, Google Maps.

Official company website to showcase the benefits of the school for the user conversion of parents
Handled the entire software dev process cycle, from coding to deployment
Designed the entire website with a focused UI style, collaborating together with a client
Optimised for high Lighthouse performance with optimisation techniques
Developed with appropriate modern web technologies: Astro.js + TypeScript
Modern UI tools and techniques like shadcn/ui (Tailwind CSS + Radix UI) for accessibility, and Utopia’s responsive fluid design for viewport consistency
Edit and design pictures with GIMP and SVG graphics with Figma
Maintain and update website content (fully revamped the website from weebly (v1) and Jekyll (v2))
Manage the YouTube channel

02 ⋅ Projects

Large-scale stuff that's actually worth showing off

There's a lot more one-off mini-projects you can find at my GitHub!

Portfolio Website

chuangcaleb.com

Personal portfolio site to share (1) about myself + (2) authored content. This v2 focuses on streamlining DX and web vitals with my favourite web stack. Leans into modern web techniques like Islands, fluid responsive design, experimental CSS, and more. Content and assets are hosted on a B2 bucket behind a CDN.

chuangcaleb.comsource

Obsidian Plugin

Fountain Editor

Obsidian plugin for formatting Fountain screenplay syntax in the editor. Open-source project management with community input. Accompanying wiki site with Starlight Docs.

installdocssourcedemo

Brand Website

PowerKids Kindergarten

Official company website to showcase the benefits of PowerKids Kindergarten School for the user conversion of parents.

powerkids.edu.mysource

Telegram Bot + CMS / DB

School Messaging System

Telegram bot for school staff to send messages/pictures of students, auto-matching with the parents’ Telegram accounts from Directus CMS. Effortless auth via secure deeplinks.

source (bot)source (cms)

Image showcasing School Messaging System