FDC—01 / MEAL RANDOMISER
A Singapore meal randomiser. First thing I ever built.
01 — HELLO · SELF-TAUGHT BUILDER
EST. 2026 — SINGAPORE, SG
Jonanthan
misspelled at birth. kept it.
Self-taught. Singapore. I build small tools for small frictions.
SCROLL ↓
02 — ABOUT
SELF-INTRODUCTION
Curious about a lot of things, mostly because there isn't much time.
LONG FORM
I'm Jonny. I study Economics at SMU. I love games, music, reading, football, sushi, making people laugh and learning new languages — and I read up on markets and global events because I'm curious about how the world runs.
The honest reason I'm interested in so many things is that there isn't much time, and I want to make the best use of my life. That's also why I build: to see what I'm capable of, to remove small frictions from other people's lives (Food Decider, the first thing on this site, is exactly that), and to leave something behind. We only get one life — I'd rather mine leave a mark than not.
CURRENTLY
SMU, Economics undergrad
BASED
Singapore
LANGUAGES
English, Mandarin, learning Japanese
LOVES
games, music, reading, football, sushi, making people laugh
READS ABOUT
markets & global events, non-fiction, self-help
03 — WORK
Six
Builds
Builds
ONE FLAT TRACK — EQUAL WEIGHT
DRAG OR SCROLL →
JON—02 / PORTFOLIO
This site. The room you're standing in.
CRN—03 / TRAVEL LOG
A quiet place to log where I've been.
STR—04 / PORTFOLIO OS
An offline portfolio dashboard. My money, my machine.
RST—05 / ROOM DESIGNER
A room designer in the browser. First time in a real framework.
ORB—06 / SPHERE GALLERY
A gallery you explore from inside a sphere. My first pure show piece.
End of Track
01 / 06
← DRAG →
04 — MANIFESTO
[ LINE-BREAKS NON-FINAL ]
Small things to remove small frictions.
No venture is a failed venture; inaction causes more failure than trying.
05 — HOW I BUILD
Brief → Live
STEP 01 — WRITE IT DOWN
brief.mdFILE
# what am i building
# why it should exist
scope: small
fluff: none
# why it should exist
scope: small
fluff: none
→
STEP 02 — DESIGN ROUNDS
Claude
Design
Design
TOOL — LAYOUT, TYPE, INTERACTIONS
→
STEP 03 — WRITE THE SPEC
handoff.mdFILE
# the spec
states + copy
edge cases
what not to build
states + copy
edge cases
what not to build
→
STEP 04 — BUILD
Claude
Code
Code
TOOL — BUILD, REVIEW, FIX
→
STEP 05 — SHIP
Netlify
Drop
Drop
SHIP — DRAG. DROP. LIVE.
jonny@workshop — ~/builds
BUILDER'S LOG — V2.0
$ cat brief.md
what am i building, and why — scope small, no fluff
$ claude design ./brief.md ROUNDS 1–N
layout · type · interactions → handoff.md
$ claude code ./handoff.md BUILD
build · review · fix → ./dist
$ netlify drop ./dist LIVE
deployed — jonanthan.com
$
THE WHOLE LOOP, BRIEF TO LIVE. EVERY BLOCK ABOVE IS A REAL FILE OR A REAL TOOL.
06 — WORKSHOP
STATUS: BUILDING
The desk, in miniature
A small diorama of the desk this site is being built at — quiet when I'm away, lit when I'm at the desk.
[ LIVE 3D SCENE — RESERVED ]
STACK: THREE.JS · WEBGL · GLSL
ETA: TBC
07 — CONTACT
NO COMMISSIONS — JUST SAY HI
Get in touch
For internships, collaborations, ideas, coffee chats, or anything you think I'd find interesting. I'm easy to reach, so don't hesitate. Let's solve something small together :)
JONANTHAN.COM — V2.0
[ SIGNATURE SLOT — RESERVED ]
SINGAPORE — 2026