Booking Engine · 001
↗ Temaram
villa/homestay booking engine demo
Software Engineer
I build websites that actually behave.
[ 01 yrs in production ][ 10+ projects ]
[ scroll ↓ ]
[ 00 · how i work ]
Most sites work. Fewer feel like anyone thought about the moment between one screen and the next. I build both halves — the interface and the API behind it — so the part you feel doesn't get lost in a handoff.
WEB APPS/DASHBOARDS/CMS SITES/INTERNAL TOOLS/
selected works — drag scroll →
Marketing Site · 002
↗ Hejo Amsterdam
animated cafe landing page, amsterdam · Freelance at Maia Digital Network
Corporate Site · 003
↗ HUSO Group
corporate holding company site, multi-division · Freelance at Maia Digital Network
Corporate Site · 004
↗ HUSO Asia
B2B dairy ingredient distributor site, bilingual · Freelance at Maia Digital Network
VAULT
project.indexA/01
Temaram ↗
2026Full StackNuxt · Prisma · Better Auth · Neon · Resend · Pusher · Midtrans · GSAP · Docker · Cloudflare
A/02
Hejo Amsterdam ↗
2026Full Stack · Freelance at Maia Digital NetworkNuxt · GSAP · Resend · Cloudflare
A/03
HUSO Group ↗
2026Full Stack · Freelance at Maia Digital NetworkNext.js · Payload CMS · Cloudflare · Resend
A/04
HUSO Asia ↗
2026Full Stack · Freelance at Maia Digital NetworkAstro · Payload CMS · Cloudflare · Resend
A/06
WhatsApp Automation Platform
2025Full Stack · Internship at Maia Digital NetworkNuxt · Prisma · PostgreSQL · Railway
A/07
POSE
2026Full Stack · Freelance at Maia Digital NetworkNuxt · Elysia · Prisma · PostgreSQL · Better Auth · Midtrans · Electron · Docker · Railway
A/08
Jakarta Coffee Festival 2026 ↗
2026Full Stack · Freelance at Maia Digital NetworkAstro · Cloudflare
A/12
Headless CMS Platform
2026Full Stack · Freelance at Maia Digital NetworkNuxt · Prisma · PostgreSQL · Better Auth · Docker · Railway
A/13
Twist n Turns ↗
2025Maintainer · Freelance at Maia Digital NetworkNext.js · Supabase · Web Bluetooth · Barcode Scanning · Thermal Printing · Railway
A/012026 · Full Stack
EXECUTION/LOG
work.historyOct 2025 — NOW
Maia Digital Network
Full Stack Developer
Full-stack developer delivering production websites and web applications for agency clients and internal products.
- Started on frontend development during internship (Vue.js, Elysia.js), then transitioned to freelance with full ownership of end-to-end delivery — now handling architecture, development, database, and deployment independently.
- Internal HR SaaS platform (Nuxt, Prisma, PostgreSQL) being built for commercial release — started on frontend, now owning the full stack end-to-end: architecture, features, database schema design and migrations across staging and production, and Railway deployment, working alongside a UI/UX designer.
- Built CMS-integrated corporate websites (HUSO Asia & HUSO Group) with Payload CMS, deployed on Cloudflare set up from scratch.
- Built a custom centralized CMS platform (Nuxt, Prisma, PostgreSQL) for an unreleased internal product.
CAPABILITIES
index — 33[ 01 · FRAMEWORKS ]
- 01Nuxt
- 02Next.js
- 03Astro
- 04React
- 05Vue
- 06Electron
[ 02 · TOOLING ]
- 01TypeScript
- 02Tailwind
- 03Vitest
- 04Playwright
- 05GSAP
- 06Bun
- 07Figma
[ 03 · BACKEND ]
- 01Prisma
- 02PostgreSQL
- 03Better Auth
- 04Elysia.js
- 05Payload CMS
- 06Supabase
- 07MySQL
- 08PHP
[ 04 · DELIVERY ]
- 01Cloudflare
- 02Railway
- 03Docker
- 04Neon
- 05Vercel
- 06GitHub Actions
[ 05 · INTEGRATIONS ]
- 01Resend
- 02Midtrans
- 03Web Bluetooth
- 04Barcode Scanning
- 05Thermal Printing
- 06Pusher
002 · A/02 · Marketing Site
Hejo Amsterdam
[ 01 · the build ]
Why it exists
Hejo started as Amsterdam's largest Indonesian coffee exhibition in 2022, grew into a pop-up inside a local restaurant, and is now a café and a B2B green-bean trading operation running side by side. The site has to carry both: a warm, homey café story and a serious trading pitch to international roasters — without the two undercutting each other.
How it works
Nuxt, built as a long-form chapter site — Our Journey, The Origin, The Café, Trading, Transparency, The Pact, and Contact — rather than a typical single-scroll landing page. The trading inquiry form sends through Resend, so submissions land as email without needing a database or dashboard to check.
Motion that earns its place
GSAP with ScrollTrigger drives the reveals: the hero runs a slow parallax across layers as you scroll, and content staggers in per chapter as it enters view. The rule I worked to: if an animation does not help you read, it does not ship.
Every reveal starts from a hidden state in the markup and animates away, so there is no flash of unstyled content on a slow connection.
Keeping it fast
Motion libraries are heavy, so the images carry the weight instead:
- WebP images, sized per breakpoint
- Fonts subset to Latin, preloaded,
font-display: swap - GSAP loaded in a client-only plugin so it never blocks the server render
Where it stands
Live at hejocoffee.com.