A jelly-glass sun floats over bright paper, refracting the dawn. As you scroll, it travels the sky over one day and every shadow on this page follows it.

Miraz Dwi NoviansyahFrontend Developer6°52′S 107°32′E

Drawing with light.

Photography means “drawing with light” — and for five years I’ve built the software that does it: browser photobooths, instant photo delivery, platforms serving seventy-two domains. This page is drawn the same way. Scroll, and the sun moves.

Scroll — the sun will move

09:00 — Morning01 · Practice

The unglamorous machinery, and the luminous ends of it.

Five years across agencies and product teams in West Java. I build the parts nobody photographs — multi-tenant platforms, payment rails, POS systems, admin dashboards — and the parts that exist only to be seen: photobooths, photo delivery, 3D scenes in the browser. Vue or React, greenfield or legacy, I care about the same three things.

Years in practice
5
Domains served, one codebase
72
Frameworks, fluently
2
Suns on this page
1

The spectrum — white light, separated

  • Vue.js
  • Nuxt 2/3
  • React
  • Next.js
  • TypeScript
  • GSAP + ScrollTrigger
  • Three.js / Babylon.js
  • WebGL / GLSL
  • WebSocket
  • SSR / SSG
  • Core Web Vitals
  • Multi-tenant architecture
  • Tailwind CSS
  • Vite / Webpack / PM2
Make it ship. Make it fast. Make it feel made.

12:00 — Noon02 · Selected work

In the clearest light.

Noon: the shortest shadows of the day, nowhere to hide. Five pieces of shipped, production work — shown plainly.

Real-time capture, live preview, print queue — a camera made of software.

A browser-based photobooth handling the full path of a photograph: live capture, real-time preview rendering, and print-queue management, with WebSocket session synchronisation between booth, operator and printer, and a REST pipeline for asset upload and retrieval.

capture → print

one browser tab, real time

  • Nuxt 3
  • WebSocket
  • REST
  • PM2

Scan a QR code at the event, walk away with your pictures.

An event photo-delivery platform built on Next.js: attendees scan a QR code and their photographs are already waiting — search, preview, download. It removed manual post-event distribution entirely for the studio's clients.

0

manual handoffs after the shutter

  • Next.js
  • React
  • QR flows

A multi-tenant platform where every client believes the site is theirs alone.

One Nuxt 3 codebase architected to serve 72 independent client domains with per-tenant runtime configuration and centralised process management under PM2 — plus a tenant news platform with editorial RBAC, AI-assisted article generation from Google Trends, and YouTube summarisation.

72 / 1

domains served / codebase deployed

  • Nuxt 3
  • Multi-tenant
  • PM2
  • RBAC
  • AI features

Two gateways, vouchers, and merchants who never need to file a ticket.

Midtrans and Xendit integrated behind one checkout, with a voucher system covering validation, discount application and transaction lifecycle — and a self-serve configuration module in an RBAC admin dashboard so merchants switch gateways without a developer in the loop.

2 → 0

gateways integrated → dev handoffs

  • Midtrans
  • Xendit
  • Vue
  • RBAC

Figma to walkable: interactive 3D scenes inside a web platform.

Contributed to a web-based metaverse platform — translating Figma designs into interactive UI components, integrating REST APIs for data and asset workflows, and supporting 3D scene development in Babylon.js and Three.js.

3D

in the browser, on product hardware

  • Babylon.js
  • Three.js
  • Nuxt
  • REST

16:00 — Afternoon03 · The trace

It began, fittingly, at a point of light.

Seven years of sun over one career — burned onto the card the way a sunshine recorder writes its day. Scroll, and the trace chars in.

  1. 2019 — 2022

    PT. Titik Terang Teknologi

    Frontend Web Developer

    Vue and Nuxt across three products — a crowdfunding platform, referral commerce, and e-learning — plus documented component libraries and refactoring for legibility.

    * “Titik Terang” is Indonesian for “point of light.”

  2. 2022 — 2024

    PT. Dengan Senang Hati

    Frontend Web Developer

    Reusable component libraries adopted across product teams, Core Web Vitals recovered through code-splitting and lazy loading, and 3D for a web metaverse in Babylon.js and Three.js.

  3. 2024 — 2026

    PT. Gudmuf Media Teknodesain

    Frontend Developer

    Multi-tenant architecture for 72 domains, browser photobooths, QR photo delivery, payment gateways, and an RBAC admin platform — the machinery and the luminous ends of it.

D4 Informatics Engineering — Politeknik TEDC Bandung, 2016–2020

19:04 — Golden hour04 · Contact

Before the light goes —

I take on frontend and creative development work — remote, or hybrid from Bandung. If you’re building something that deserves to be seen in good light, write to me. The day here ends at 19:30.

mrazdiw@gmail.com