main.js about.js skills.js projects.js contact.js


developer.js
1const developer = {
2 name: "",
3 roles: [],
4 stack: [],
5 basedIn: ,
6 available: true
7};
8
9render(developer); // → results below
10
11
12
13
14
15
16
17
about.js

function aboutMe() {^_^}

I'm , a software engineer focused on turning ideas into digital products that run smoothly across all devices. Love working from design to deployment — not just writing code, but thinking about how users actually interact with the product.

Experienced with , and open to building whatever the project needs — from simple landing pages to real-time data dashboards.

18
19
20
21
22
23
24
skills.js

export skills

import { Frontend, Backend, Tools } from ;

Frontend

Backend

Tools & Others

25
26
27
28
29
30
31
32
33
34
projects.js

const projects = [

suaraindonesiamerdeka
live

News portal aggregating and publishing articles from major Indonesian outlets, with an admin dashboard for content management, and role-based access control.

LaravelSQL ServerJQueryBootstrap
bnnsispadu
internal use

Integrated information system for BNN, handling TAT assessment registration and a dashboard analyzing demographics, substance-use patterns, and rehabilitation recommendations.

LaravelMySQLJQueryBootstrap
attendance-app-mobile
internal use

React Native attendance app with GPS-based clock-in/clock-out, office geofence detection, attendance history, and QR-based digital signature (QR-TTE), backed by a Laravel REST API.

React NativeLaravel APIMySQL
Yayasan Bunga Cempaka
on progress

Real-time chat app with group chat rooms, online status, and instant message notifications.

LaraveljQueryMySQL

// ...and many more

35
36
37
38
39
40
contact.js

async connect()

contact
~/portfolio $ ./say-hello.sh