System startup

  • [01] Booting CK OS…
Loading workspace0%

Systems · shipped · questionable life choices

Hi,I'mCK.WordPressDeveloper in-joke on hover or focus.works;Next.jsDeveloper in-joke on hover or focus.makesmequestionwhy.

Shipped a portfolio with WebGL orbs and a hyperspeed tunnel — still negotiating with CSS over who is in charge.

Charlton K.

About

Charlton's bio, compressed for humans with short attention spans and long meeting invites.

WPNextShip

The short version

I didn't choose WordPress — WordPress chose my rent.

Still here because businesses run on it, not because it's glamorous.

Next.js side quest: same impostor syndrome, fancier build errors.

House rule: if it ships in a page builder, I'm already tired.

I'll happily debate stacks after the coffee hits.

Resume says engineer; soul says "please let this deploy".

I didn't choose WordPress — WordPress chose my rent.

Still here because businesses run on it, not because it's glamorous.

Next.js side quest: same impostor syndrome, fancier build errors.

House rule: if it ships in a page builder, I'm already tired.

I'll happily debate stacks after the coffee hits.

Resume says engineer; soul says "please let this deploy".

I didn't choose WordPress — WordPress chose my rent.

Still here because businesses run on it, not because it's glamorous.

Next.js side quest: same impostor syndrome, fancier build errors.

House rule: if it ships in a page builder, I'm already tired.

I'll happily debate stacks after the coffee hits.

Resume says engineer; soul says "please let this deploy".

Skills

Floating expertise

Hover a card. If it tilts, Framer Motion is doing its job. If it doesn’t, blame the viewport.

WordPress

The day job (and proud of it)

  • Core & hooks
  • Plugin dev
  • Custom systems

Next.js

Experimental projects — ego included

  • App Router chaos
  • Fun side builds
  • Sometimes production

UI / UX

I try my best

  • Motion & polish
  • A11y when I remember
  • No cookie banners in my dreams

Systems & case studies

One real build, two fictional roadmaps — a balanced portfolio diet.

QuoteLab gets the serious treatment below. The other cards are still “coming soon” in the most sincere, PowerPoint-roadmap sense of the phrase.

Flagship · shipped

NewLive

QuoteLab

Guided service quotes with live totals, shareable links, and PDF export

QuoteLab is a browser-based quotation workspace: a five-step accordion walks you from client setup and branding through line items, then review—while a sticky sidebar keeps subtotals, discounts, and an optional live PDF preview aligned with what you export. Generate persists the quote and returns a shareable URL plus download.

Role
Product design, UX, frontend development
Stack
Next.jsReactTailwind CSSPrismaFramer Motion
  • Five-step accordion builder with progressive unlock (Continue / Back)
  • Client, currency (USD/MYR/EUR), fixed or % discount, optional live FX conversion
  • Brand logo upload for PDF and share view (size-validated)
  • Starter templates when the catalog is empty; catalog cards; custom lines with rich-text scope and extras
  • Dedicated step for quantities, add-ons, and per-line configuration
  • Sticky pricing panel with live subtotal, discount, and total
  • Toggleable live PDF preview that mirrors export layout
  • Generate quote → persisted share link and PDF download (@react-pdf/renderer)

Live product (screenshot — hover to pan)

Full QuoteLab page: guided accordion from client setup through catalog, line configuration, review, and sticky totals with preview.

Creative / Freelance

In progress

Micro booking page with deposits

Pick a slot, pay a deposit, get a calendar invite — the kind of tiny system I swear I’ll productize right after I finish “just one more” client tweak.

Event / Wedding

Coming soon

Event Invitation & RSVP Page

A beautiful event page guests can visit to read details and confirm attendance — results shown live to the host.

Small Business

Coming soon

Product / Menu Catalogue

A clean, searchable catalogue for a restaurant, café, or small shop — no ordering, just browse and discover.

Experience / Philosophy

How I approach building things

I turn unclear ideas into something people can actually use.

Most projects don’t fail because of technology — they fail because nobody aligned on what 'done' means.

My role is to make things obvious early: what we’re building, why it matters, and what success looks like.

I focus on things that hold up over time: clear structure, predictable behavior, and decisions that won’t feel wrong later.

Tools will change. Frameworks will change. Confusion, scope creep, and deadlines won’t.

So I optimize for clarity over complexity, and outcomes over implementation.

Because in the end, it’s not about how it was built — it’s about whether it actually works.

Contact

Have a project?
Or just want to say hi?

Open to building products, freelance work, and meaningful collaborations.

© 2026Charlton K. · Built with Next.js & questionable sleep.