* INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART *
* INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART *

BREAKING
THE STATIC
WEB

Information Engineering student at UGM building interactive canvases, DOM-devouring sandboxes, and glitchy meta-puzzle games.

Hero graphic abstract
* INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART *
* INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART ** INTERACTIVE WEB DEV *DOM DEVOURER *PHASER 3 + REACT *UGM STUDENT *REJECT STATIC *GLITCH ART *
Manifesto

WEBSITES ARE
MEANT TO BE
PLAYED

[PORTRAIT]
ENGINEER. WEB BREAKER.

The web has become boring. Soft shadows, rounded corners, safe layouts, passive browsing. I reject static rules. I combine React with game physics and Phaser 3 to build glitchy interfaces, interactive elements, and environments that react dynamically to the user.

Rule 01

Break the static. A website is a canvas playground, not a print paper.

Rule 02

Contrast is king. If it does not make you double take, it is dead.

SELECTED
WORKS

Featured
StudentHub
FlutterDart+4

StudentHub

A productivity and schedule management app for university students with an integrated AI Assistant.

code
Featured
Snakey Web Game
Web GamePhaser+5

Snakey Web Game

A classic arcade web game playground featuring custom DOM element-eating mechanics and a dynamic bookmarklet builder.

Featured
Portofolio Backend
TypeScriptNestJS+2

Portofolio Backend

REST API for personal portfolio site

Featured
Break The Web
ReactPhaser 3+3

Break The Web

A meta-puzzle game where a standard React portfolio website becomes the physics-based environment for a Phaser 3 snake game.

folder_open

ALL PROJECTS

Explore the complete vault of web breakings, custom APIs, and source repositories.

THE
GRIND

Undergraduate Information Engineering Student

2025 - PRESENT
Universitas Gadjah Mada

Currently Studied at UGM

ProgrammingAlgorithm

THE ARSENAL

REACT

TAILWIND

THREE.JS

WEBGL

NESTJS

TYPESCRIPT

PHASER3

NEXT.JS

POSTGRESQL

LATEST DATA v2.6

ACQUIRE RESUME

READY TO BUILD
SOME INTERACTIVE CHAOS?

Drop me a line. Let us collaborate on making the web more interactive, gamified, or simply less boring.