ASQARA.TECH
SYS.TIMEUTC+7
START A PROJECT↗
/01SYSTEMS / SOFTWARE / INFRASTRUCTURE

SYSTEMSBUILT FORREAL USE.

FULL-STACK · DATA · PRODUCTION

Software engineer working across full-stack applications, data infrastructure, and production systems.

EXPLORE WORK↗VIEW GITHUB
Stylized 3D software engineer holding a laptop
// MOVE POINTER TO DIRECT
/02ENGINEERING PRINCIPLES

Engineering principles

SYSTEMS THINKING

Architecture before complexity.

REAL USERS

Build around real operational problems.

DATA FIRST

Reliable systems require structured data.

PRODUCTION MATTERS

Software is unfinished until it survives production.

FUNCTION OVER NOISE

Interfaces should communicate before they decorate.

/03SELECTED WORK
VIEW ALL / 06 ↗

SELECTED
SYSTEMS.

AUTO SCROLL / ACTIVE
Abstract system map representing the MySOC operational platform
01

MySOC

↗

An integrated operational platform connecting committee workflows, participant management, administration, and institutional stakeholders.

Platform Engineering2026
Next.jsTypeScriptBun
MySOC Helpdesk interface represented as a technical support knowledge system
02

MySOC Helpdesk

↗

A focused help center that gives participants one dependable place to find guidance and support.

Support Experience2026
Web SupportKnowledge BaseSupport UX
Abstract publishing interface representing the Ormawa Eksekutif PKU website
03

Ormawa Eksekutif PKU

↗

A public information and publishing platform for one of PKU IPB's major student organizations.

Organization Platform2024—2025
LaravelInertia.jsTailwind CSS
Abstract data pipeline representing StudentOrientation
04

StudentOrientation

↗

A centralized student platform for orientation, participant management, information delivery, and digital student services.

Data Infrastructure2025
Next.jsTypeScriptPostgreSQL
Abstract commerce interface representing Agrisymphony Store
05

Agrisymphony Store

↗

A digital merchandise platform supporting product, order, transaction, and production operations.

Commerce Platform2025
Next.jsTypeScriptPostgreSQL
Abstract event ticketing artwork representing Agrisymphony
06

Agrisymphony

↗

A public-facing event website and digital services supporting event information and ticketing.

Public Website & Ticketing2025
Next.jsTypeScriptTailwind CSS
FULL-STACK / PLATFORM / DATA / PRODUCTION✣FULL-STACK / PLATFORM / DATA / PRODUCTION✣FULL-STACK / PLATFORM / DATA / PRODUCTION✣FULL-STACK / PLATFORM / DATA / PRODUCTION✣FULL-STACK / PLATFORM / DATA / PRODUCTION✣FULL-STACK / PLATFORM / DATA / PRODUCTION✣
DESIGN THE INTERFACE / OPERATE THE SYSTEM✣DESIGN THE INTERFACE / OPERATE THE SYSTEM✣DESIGN THE INTERFACE / OPERATE THE SYSTEM✣DESIGN THE INTERFACE / OPERATE THE SYSTEM✣DESIGN THE INTERFACE / OPERATE THE SYSTEM✣DESIGN THE INTERFACE / OPERATE THE SYSTEM✣
/04PLATFORM ENGINEERING

BEYOND
THE
INTERFACE.

Products do not stop at the browser. I work across service boundaries, data stores, containers, orchestration, deployment, and the operational decisions that keep software useful.

~1,000RPS PEAK LOAD
PRODUCTION SYSTEM
CONTAINERIZEDORCHESTRATEDSCALABLERECOVERABLE
01CLIENTS

Web · Mobile · Operators

02WEB APPLICATIONS

Next.js · React · Interfaces

03APPLICATION SERVICES

Business logic · RBAC · Integrations

04POSTGRESQL + REDIS

Persistent data · Cache · Sessions

05DOCKER

Containerized services

06KUBERNETES / k3s

Orchestration · Routing · Recovery

/05DATA INFRASTRUCTURE

ONE SOURCE.
MANY SYSTEMS.

The work was not simply storing student records. It was creating structured, reusable, consistent data that multiple teams and services could depend on.

01RAW SOURCES→
02CLEANING→
03VALIDATION→
04NORMALIZATION→
05CENTRALIZED STUDENT DATA
+ ATTENDANCE+ GROUPING+ AUTHENTICATION+ HELPDESK+ STUDENT SERVICES+ INTERNAL OPERATIONS
~8,000STUDENT
RECORDS
/06TECHNOLOGY MATRIX

TOOLS WITH
A PURPOSE.

Technology choices follow the system: interface requirements, data shape, operational constraints, and the people maintaining it.

01

Application

  • Next.js
  • React
  • Laravel
  • Inertia.js
  • Bun
  • Tailwind CSS
  • Framer Motion
02

Languages

  • TypeScript
  • JavaScript
  • Python
  • PHP
  • C++
  • Java
03

Data

  • PostgreSQL
  • Redis
  • MySQL
  • MongoDB
  • Drizzle ORM
  • SQL
04

Infrastructure

  • Kubernetes
  • k3s
  • Docker
  • Linux
  • Git
  • GitHub
05

Tooling

  • React Query
  • next-intl
  • pnpm
  • Playwright
  • n8n
  • Baileys
  • Figma
/07OTHER ENGINEERING WORK

Other engineering work

01

CODE PANDA

WEB DEVELOPER · 2025—PRESENT

LMS development, debugging, maintenance, and performance optimization across Laravel, Inertia.js, and Next.js.

~60% / PAGE-LOAD IMPROVEMENT
02

WHATSAPP AUTOMATION

BAILEYS · JAVASCRIPT

Automated helpdesk, broadcast workflows, batch messaging, session handling, and internal service automation.

SERVICE AUTOMATION
03

MOODLE AUTOMATION

PLAYWRIGHT

Browser automation for participant management and repetitive administrative processes.

OPERATIONAL TOOLING
04

RESEARCH & DATA ANALYSIS

PYTHON · SQL · SPREADSHEETS

Structured analysis workflows for research data, verification, and reporting.

700+ / RESPONDENTS
/08PROJECT ARCHIVE / PUBLIC BUILDS

MORE
BUILDS.

23PUBLIC PROJECTS

Applications, automation, data experiments, campaign sites, creative microsites, and computational tools from the public repository archive.

01Commerce & Operations

Makmur Farma

A pharmacy commerce and clinic operations system with product, transaction, inventory, reporting, and document workflows.

Next.jsElysiaPostgreSQLDrizzleRedis
SOURCE / GITHUB ↗
02Inventory ERP

SmartStock Pro

A warehouse inventory platform for products, stock movement, transfers, reporting, and role-based user access.

Next.jsElysiaPostgreSQLDrizzleRedis
SOURCE / GITHUB ↗
03Data Visualization

AI Usage Student Dashboard

An interactive dashboard that explores student AI usage data from Kaggle through visual analysis and filtering.

VitePlotly.jsPapa ParseCSV
SOURCE / GITHUB ↗
04Environmental Campaign

Rimba Kembali

An interactive campaign and education platform for reforestation, public awareness, and environmental action.

Next.js 16React 19SupabaseFramer Motion
SOURCE / GITHUB ↗
05Web Prototype

Rimba Kembali Prototype

An earlier interface prototype exploring the visual direction of the Rimba Kembali environmental platform.

Next.jsReactTailwind CSS
SOURCE / GITHUB ↗
06Automation

WhatsApp CSV Broadcast

A session-based WhatsApp broadcast service that processes structured recipient data and sends messages from CSV workflows.

BaileysExpressNode.jsCSV
SOURCE / GITHUB ↗
07Automation

Send WA Utility

A compact web utility for authenticated WhatsApp sessions, file uploads, and controlled message delivery.

BaileysExpressMulterNode.js
SOURCE / GITHUB ↗
08Immersive Web

3D Portfolio Experience

An experimental portfolio combining WebGL scenes, physics, timeline motion, and interactive three-dimensional interfaces.

Next.jsThree.jsReact Three FiberRapierGSAP
SOURCE / GITHUB ↗
/09EXPERIENCE

OPERATING
IN CONTEXT.

Roles spanning product delivery, platform coordination, research, and data operations.

YEARROLEORGANIZATION
Information Systems CoordinatorOMB IPB 63 × Agrisymphony 2026
Web DeveloperCode Panda
Web DeveloperAgrisymphony
Head of Research & DevelopmentOrmawa Eksekutif PKU IPB
Data OperationsBalai Penyuluhan Pertanian Bekri
/10EDUCATION

IPB University

B.Sc. Computer Science

GPA
3.80 / 4.00
GRADUATION
Expected 2028
RECOGNITION
Yayasan Alumni Peduli IPB Scholarship
/11CERTIFICATION
BNSP

Web Developer Competency Certification

Badan Nasional Sertifikasi Profesi

VIEW BNSP ↗
/12SYSTEM STATUS
CURRENT FOCUSPlatform Engineering
LOCATIONBogor, Indonesia
TIMEZONEUTC+7
AVAILABILITYOpen to opportunities
GITHUB@ASQARA
ACTIVITY_STREAMLIVE

PROFILE OPERATIONAL

/13CONTACT / OPEN CHANNEL

LET'S BUILD
SOMETHING
USEFUL.

Open to software engineering opportunities, technical collaborations, and ambitious systems.

START A CONVERSATION ↗
GITHUB ↗LINKEDIN ↗EMAIL ↗