late-night builds

Open to frontend roles & collaborations — say hi! 👋

Frontend Engineer · Jakarta

Hi👋,I'mMuhamadZafarSyah!

I build scalable, accessible web apps with the React & Next.js ecosystem — turning UI/UX designs into fast, reusable interfaces.

See my work let’s chat!

drag the photos around — it’s a scrapbook

the story so far

About me

that’s me — drag me!

Jakarta · GMT +7:00

open to work

I'm a Frontend Engineer who turns UI/UX designs into fast, accessible web apps across the React, Next.js, Vue, and Nuxt ecosystems. I focus on performance budgets, WCAG accessibility, and reusable component architectures that stay clean as products scale.

Across 2+ years shipping production UIs at PT. Traspac Makmur Sejahtera and client partners (including e-government platforms for BKPM & TNI-AD), I bridge design and engineering to build reliable web apps. I'm pursuing a B.S. in Information Systems at Asia Cyber University and open to frontend roles & collaborations.

what I stand for

Tirelessly pursue clarity.

Everything you do, do it with care.

Ship small, ship often.

Years in production

Frontend frameworks

∞

Components shipped

Timeline LogEst. 2024

how I got here

A few stops along the way

01
Full Stack Developer
Kementerian Perdagangan RI·Sep 2024 — Dec 2024
Entered, verified, and updated data in internal systems accurately and on time.
Processed and archived market data in the PUSDATIN database — consistency/validity checks and simple reports.
Built a company-profile site with the team using Laravel and MySQL.
4 moInternship
📝 Full-stack from scratch! 😍 Built a company profile end-to-end with Laravel and MySQL.
Full-stack from scratch! 😍 Built a company profile end-to-end with Laravel and MySQL.
02
Full Stack Developer
Freelance·Sep 2024 — Mar 2025
Delivered end-to-end applications for clients needing bespoke web solutions.
Owned scope from requirements through delivery across varied stacks.
7 moFreelance
📝 Bridging APIs & frontend! 🌉 Shipped a polished course landing page and a full learning platform for clients.
Bridging APIs & frontend! 🌉 Shipped a polished course landing page and a full learning platform for clients.
03
Full Stack Developer
PT. Traspac Makmur Sejahtera·Jan 2025 — Apr 2025
Designed scalable system architecture and clean database structures.
Built and integrated REST and third-party APIs (payments, logistics).
Shipped real-time features: email notifications and data visualizations.
4 moInternship
📝 Wearing all the hats! 🎩 Scope, design, Next.js code, Laravel backends, client pitches — did it all.
Wearing all the hats! 🎩 Scope, design, Next.js code, Laravel backends, client pitches — did it all.
04
From
May 2025
Full Time
Frontend Engineer
PT. Traspac Makmur Sejahtera·May 2025 — Present
1 yr 2 mo
Build scalable web apps and responsive UIs with Nuxt and Sveltekit.
ILC — BKPM (Ministry of Investment): Learning platform built with SvelteKit and TypeScript.
Persuratan — TNI-AD: Correspondence system (21 pages, 60+ components) with OCR capture, digital signatures, and AES-256 encryption.
HaloMasjid — Back-office platform (13 modules, 170+ components) with real-time chat, dashboards, and face recognition.
📝 Where I am now! 🏢 Building scalable Nuxt/Vue apps and a reusable component system with a product team.
Where I am now! 🏢 Building scalable Nuxt/Vue apps and a reusable component system with a product team.
chapter 05 · still being written
Next stop: your team?
I'm open to frontend roles & collaborations — maybe this chapter starts with you.
let’s find out
📝 Maybe this next chapter starts with you? Let’s collaborate!
Maybe this next chapter starts with you? Let’s collaborate!

how I build · the craft

01/04

Performance

Accessibility

Motion

Design systems

98score

LCP1.1s

CLS0.00

TTI1.6s

Performance

Fast is a feature.

Every millisecond is part of the design.

keep scrolling to flip through the stories ↓

a few things I’ve made

Selected work

grab, toss & shuffle

Y2KUI — Component Library

Open Source · 2026

A Y2K-flavored UI kit built on shadcn/ui + Radix, shipped through a branded shadcn registry CLI — run npx y2kui add button and the component lands in your codebase.

Next.jsTailwindReduxshadcn/uiPostgreSQL

Live demo Code NPM

Shelfgram - Social Reading

Platform · 2026

A social reading platform I built solo — realtime Reading Circles over Pusher, a context-aware per-book AI chat, a Cloudinary media pipeline, and offline meetups on an interactive map.

Next.jsNode.jsReduxshadcn/uiPostgreSQL

Live demo Code

Lebenslang - German Course

Landing Page · 2025

Landing page for an online German-course platform — A1–C1 levels, certified mentors, and exam prep for Goethe, TELC & TestDaF, built lightning-fast with Astro.

AstrojsTailwind

Live demo Instagram

Dilirik - AI CV Matcher & Tracker

SaaS · 2026

An AI-powered SaaS app matching CVs with specific job postings — 0–100 scoring, gap analysis (real vs presentation gap), honest rewrite suggestions with 3-point guardrails, and an application tracker.

Next.jsExpressTailwindPrismaPostgreSQL

Live demo Code

Modexa - Database Management Platform

Platform · 2025

A data-management platform for large datasets with ML-powered predictions — real-time visualizations on a Next.js UI, backed by a Lumen API and Python analytics.

Next.jsTailwindshadcn/uiPostgreSQL