Skip to content → Skip to footer →
Facial profile picture of Chuang Caleb

Chuang Caleb

software dev
with a different story.

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? 🤝

Overview

Professionally

I’m 3 months in as a Frontend Engineer at decube logo decube, developing our web app! Previously with airasia MOVE logo Airasia MOVE, working on UI/UX & Network Logic for the ✈️ flights booking web-interface at airasia.com.

Growing Up

I found aptitude in Redstone and 🎮 Game Dev/Design, where I first started coding. Through a University of Nottingham logo BSc Computer Science w AI, I’ve found Software Dev (notably Full-Stack Web) as an accessible 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 logo Obsidian — it’s my daily journal, knowledge base, and content creation space. A subset of my notes is publicly exposed at /garden and life updates are posted at /now!

# projects

chuangcaleb.com

Portfolio Website

Personal portfolio site to share (1) about myself + (2) content I’ve written. This v2 focuses on streamlining DX by leaning into CSS Variables.

Display image showcasing my Portfolio Website project for chuangcaleb.com

School Messaging System

Telegram Bot + CMS / DB

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.

Display image showcasing my Telegram Bot + CMS / DB project for School Messaging System

PowerKids Kindergarten

Brand Website

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

Display image showcasing my Brand Website project for PowerKids Kindergarten

There's a lot more where that came from!

GitHub profile all my repositories

# skills

Web

  • semantic-html
  • a11y
  • browser-compat
  • core-web-vitals
  • domain-mgmt
  • seo

UI & Styles

  • raw-css
  • design-system
  • preprocessing
  • color-theory
  • ux
  • fluid-responsive

Network

  • rest-ful
  • async-program
  • caching
  • rendering-strats

Performance

  • prpl
  • big-o
  • compress
  • image-optim
  • hydration-strats

Code

  • reusable-modules
  • modern-syntax
  • code-smell
  • design-pattern
  • code-conventions

Development

  • bundling
  • version-control
  • infrastructure
  • ci-cd-automation
  • releasing

Text

  • markdown
  • md-flavors
  • mdx
  • regex
  • nlp

Non-Technical

  • english-proficient
  • storytelling
  • game-design
  • game-dev

/garden

Like a blog, but more 🐬 fluid. I like to yap about 🎭 narrative storytelling and sometimes 💻 tech stuff, and perhaps you like to listen to yapping...