shipping/JOG — 03:41 GMT+7/48.3 °C CPU/v 07.0 · build 2026.05.12
lat −7.7956 · lon 110.3695/ntwk · online/open for projects
[ 00 — opening statement ]portfolio · seventh edition
15+ apps shipped1,500+ users servedscroll ↓
[ fig 00.1 ]
— a statement

creative engineer at the seam of next.js, react three fiber, and full-stack systems — usually solo, sometimes leading small teams.

— based

yogyakarta, id — working remotely with teams across indonesia and abroad.

devrangga hazza mahiswara// creative engineer

making theedges ofthe web feelgood to touch.

— a shorter version

three plus years shipping high-performance web apps across enterprise, startup, and university work. 15+ production apps. 1,500+ end users. these days the work sits between performance engineering, full-stack architecture, and the slower craft of motion, 3d, and typography.

say hi →see the work ↓
linkedingithubinstagram
now · live
05.12.26
initializing…
— shippinghino workflow platform — enterprise digitalizationled the end-to-end build of internal platforms on c# / asp.net mvc / sql server. now serving 1,500+ employees, ~25% efficiency lift in three months.
readingA Pattern Language
exploringWebGPU · R3F · GSAP
listeningnils frahm — empirical
rateopen for projects
[ 01 — work ]selected · 04 of 102024 / 2026

work.

— a short note

four projects that demonstrate range — not the full archive. each is live, each has a case study, each is the kind of thing i want more of.

full archive / 10 →
/ 01 — ai study toolpre-launch · solo build
FlazhAI.paste a youtube url, walk away with a complete spaced-repetition deck in under 30 seconds. next.js 16, gemini, supabase — built solo.
youtube → flashcard deck in <30s · streamed live
01FlazhAI2025 → 2026
paste a youtube url, walk away with a complete spaced-repetition deck in under 30 seconds. next.js 16, gemini, supabase — built solo.↗
next.js 16geminisupabaseprisma
/ 02 — browser gameshipped · live
DWTC.type a whole message without waking the cat. a one-mechanic browser game on a hand-built deterministic engine — shipped in about a week.
02Don't Wake The Cat2026
type a whole message without waking the cat. a one-mechanic browser game on a hand-built deterministic engine — shipped in about a week.↗
next.jszustandgsapweb audio
/ 03 — on-chain transparencylive on devnet · hackathon
Mizaan.on-chain transparency for zakat — a cryptographic chain from donor to recipient, signed by three parties, verifiable by anyone. built in 6 weeks on solana.
03Mizaan2026
on-chain transparency for zakat — a cryptographic chain from donor to recipient, signed by three parties, verifiable by anyone. built in 6 weeks on solana.↗
solananext.js 16typescriptsupabase
work in progresskonva · pixijs · three.js
creative tool · ~48k lines · solo build
3 editor modes · liveflat 2d · 3d compose · ai polish
Shipshot.
drop in a real screenshot, get a publish-ready mockup in seconds. a three-mode editor — flat, 3d, and ai polish — with shaders and video export. ~48k lines, built solo.
view case ▶full case ↗
04Shipshot2026
drop in a real screenshot, get a publish-ready mockup in seconds. a three-mode editor — flat, 3d, and ai polish — with shaders and video export. ~48k lines, built solo.↗
three.jskonvapixijsffmpeg.wasm
[ 03 — practice ]4 surfacesopen this quarter

services.

— a shorter thing

four overlapping surfaces. i prefer 4–12 week engagements, solo or in small teams. i say yes to work that will still matter in 18 months.

— 01
frontendengineering
shipped frontends for enterprise dashboards, gov portals, and product startups — including real-time ui state that survives flaky connections.
4–12 wk● open
→— 02
full-stackshipping
15+ production web apps shipped end-to-end. comfortable owning a backend, a schema, and the scroll behavior on top of it.
6–16 wk● open
→— 03
interfacecraft
scroll choreography, type-driven layouts, and 3d surfaces used like tools, not decoration. the seconds where a product earns or loses trust.
2–6 wk● open
→— 04
mentorshipdesign & tech
10+ workshops, 250+ participants across ugm faculties and orgs. design principles, fundamentals, and tooling. short retainers with student orgs or small studios on the side.
ongoingby referral
→
[ intermission ]a mark, the eighth year
— scroll to keep goingsplit text · 128 glyphs
devrangga.
— devrangga hazza mahiswaracreative engineer · working since 2020◆ jogja, id · earth
[ 03 — track ]archive

credits.

— a short preface

three years, a handful of real teams across enterprise, agency, and lab. each of these was a stretch of real work with shipping evidence, not a passing-by.

15+production apps shipped
1,500+end users served across enterprise platforms
250+people mentored across 10+ design & tech workshops
∞late-night scrolls through the DOM
2025 → 2026
Hino Motors Manufacturing Indonesia
full-stack developer · remoteled end-to-end workflow digitalization on c# / asp.net mvc / devextreme / sql server. ~1,500 employees onboard, ~25% operational lift in 3 months.↗
2024
Imajiku Cipta Media
full-stack web developer · remoteselected from 165+ candidates. shipped 15+ production-ready web apps in 4 months on laravel + alpine.js + graphql. cut delivery cycles ~30% via shared component scaffolding.↗
2024
Global Data Inspirasi (DataIns)
frontend web developer · remoteshipped frontends for Robota, SPLP Kominfo Sulbar, and Windsight on next.js + tailwind + zustand + trpc + react query. real-time dashboards with state that survives flaky connections.↗
2024 → 2025
Komatik UGM
head of animation divisionled the animation division at ugm's ict student community. directed division projects, mentored 25+ student animators on 2d/3d work in blender.↗
2023
Universitas Gadjah Mada — Vocational School
python practicum assistantco-taught 10+ python modules to 20+ undergraduates. lab sessions, assignment review, debugging students out of off-by-one hell.↗
2020
Elkiya Digital Agency
motion & graphic designer · remotefirst paid creative work. 5+ international projects across 3 overseas clients on after effects + illustrator. how the obsession with motion started.↗
[ 04 — the person ]about

hi, i'm
dev.

devrangga hazza mahiswaracreative engineer · jogja, id · he/him● online · replies within 24h

i design and engineer interfaces — usually at the seam of next.js, full-stack architecture, and the slower craft of motion, 3d, and typography. half my day is typed components and data pipelines, the other half is making systems that feel inevitable.

three plus years across an enterprise full-stack role, a multi-project digital agency, a frontend lab, and a research university. before that i was a motion designer for an indonesian creative agency and an animator competing at the national level — which is why i'm allergic to interfaces that ship without rhythm, and to performance work that ships without care for the eye.

these days i'm most interested in design-engineering inside small teams, real-time dashboards that don't lie about their state, and the unglamorous work of making interfaces feel quick on a phone tethered to indonesian 4g.

— available for
freelance & contract · 4–12 weeks · frontend / full-stack / design-engineering · solo or in small teamsdesign & tech mentorship for university orgs and small studios (figma · blender · web fundamentals)
— not looking for
purely throwaway marketing sites · cold web3 casino briefs · "a little bit of everything" agency seats with no creative ownership
next.js · react · typescripttailwind · gsap · r3flaravel · asp.net mvc · c#blender · figma · after effectsugm software engineering · cgpa 3.78
[ 05 — writing ]30 recentweekly, mostly

notes.

— from the desk

short pieces on what i'm building, making, and reading — usually on fridays, sometimes a full essay about a single decision.

see all notes / 30 →
jul 29 · 26mentorship7 min
Mentoring 250+ across 11 facultiesThree years of design & tech workshops across UGM's faculty organizations — figma, blender, design principles. The patterns that hold across rooms, and the ones that don't.7 min↗
jul 22 · 26process7 min
8 questions before a contractAcross DataIns, Imajiku, and direct work for Hino Motors, I learned which conversations decide whether a contract ends with shipped work or with regret. The intake script I now refuse to skip.7 min↗
jul 15 · 26engineering6 min
C# engineer's R3F checklistI came to React Three Fiber from C# / ASP.NET MVC, not from Unity or shader work. The mental model swaps that mattered, the things that look hard and aren't, the things that look easy and aren't.6 min↗
jul 08 · 26tools5 min
DevExtreme · 2026 survival guideSix months building internal platforms on DevExtreme + ASP.NET MVC taught me what the official docs don't say about virtualization, custom editors, and the queries that quietly stall at 100k rows.5 min↗
jul 01 · 26engineering5 min
next/image isn't overkillPageSpeed once told me my portfolio shipped 31 MB of unoptimized PNGs. The migration to next/image, the LCP win, the trade-offs people skip when they reach for plain background-image.5 min↗
jun 24 · 26notes6 min
Gemastik → enterpriseTwo years at the national animation level, then a hard pivot into C# / ASP.NET MVC for 1,500 employees. What animation taught me about engineering that engineering school did not.6 min↗
[ 06 — q & a ]frequent, not exhaustive

faq.

— can't find it?

i read every email. if it's a real question from a real person, you'll hear back within 24 hours — usually faster.

ask directly · abdullahdevrangga@gmail.com →
[ 07 — contact ]reach out · read back
reply sla · < 24h● open for projects

let's buildsomething quiet.

— the emailabdullahdevranggagmail.com

the best way to reach me is email. i read everything. if it's a real project from a real team, expect a reply within a day. cold pitches for crypto casino frontends will see a slower response.

— most interested in· frontend / full-stack contracts at small teams · long enough to ship something real· design-engineering retainers where i can own both the schema and the scroll· workshops or talks on figma, blender, web fundamentals, or motion craft· a cold email from someone in indonesia building something weird and underexplored
quick intake
step 01 / 02
— you are
— the shape
› we need a frontend / full-stack engineer for a 6-week build.› next.js · tailwind · trpc · maybe some motion. budget around idr X._
cmd + entersend to abdullahdevrangga@gmail.com →