MUHAMMAD ARIEF SATRIA WIBAWA
Engineering Profile • Full-Stack & 3D Interactive Web Developer
Engineering Background
I am a software engineer specializing in the intersection of real-time 3D WebGL graphics, C++ desktop simulation systems, and modern full-stack TypeScript architectures.
My professional journey includes architecting high-performance train simulations at PT INKA using C++ and the Qt Framework, building government network infrastructure monitoring platforms with Next.js and Mapbox GL at Diskominfo, and engineering responsive 3D web applications with Three.js and Nuxt.
I prioritize clean code, type safety, memory management, and 1:1 design token fidelity to build applications that are as visually stunning as they are technically robust.
10+Shipped Projects
60 FPSWebGL Frame Target
100%Type Safety
CAREER & EXPERIENCE TIMELINE
Chronological Employment & Project Engineering History
01 // INTERNSHIP
DESKTOP APP DEVELOPER • PT INKA
Jan 2025 - Jun 2025
- Architected a high-performance desktop train simulation application using C++17 and the Qt 6 Framework (QWidgets, QChart, QFile), packaged as a portable Windows-only executable via windeployqt.
- Enforced strict memory safety using a centralized AppContext singleton as the single source of truth for all shared state, eliminating cross-module data races between simulation controllers.
- Structured the codebase into layered handler modules — ElectricalDataHandler, TrainDataHandler, TrackDataHandler, MovingHandler, EnergyHandler, ResistanceHandler, TractiveEffortHandler — each with isolated responsibilities aligned to the physics domain.
- Implemented simulation logic covering tractive effort curves, Davis running resistance, track gradient/curvature, real-time braking calculus, and multi-car mass inertia using custom prefix-notation variable conventions (f_, v_, p_, e_, mass_).
- Delivered real-time charting with QChart, CSV export via QFile, and a login-protected parameter entry UI, packaged as a zero-install portable executable for operator deployment.
- Configured automated GitHub Actions CI/CD pipelines for continuous build validation across MinGW-64 toolchain.
02 // INTERNSHIP
FULL-STACK DEVELOPER • KOMINFO KABUPATEN MADIUN
Aug 2025 - Dec 2025
- Built SATE-ITIK (Sistem Akses Terpadu Infrastruktur Jaringan TIK) — a government-grade web platform for Dinas Kominfo Kabupaten Madiun, centralizing internet infrastructure monitoring, personnel management, server asset tracking, and helpdesk ticketing across all district OPD offices.
- Developed an interactive Mapbox GL JS map dashboard displaying real-time geolocation, ISP provider, connection type, and status (active/inactive/maintenance) for every government network installation point across sub-districts and public facilities.
- Engineered a visual server rack management module with dual-view (rack visualization + data table) supporting per-unit status tracking (online, offline, maintenance, standby), asset numbers, serial numbers, IP addresses, and installed application inventories across racks A–D.
- Implemented a full-cycle helpdesk and e-ticketing system with priority tiers (low/medium/high/urgent), status tracking (open/in-progress/awaiting/resolved/closed), TipTap rich-text threaded replies, file attachments, staff assignment, and first-response/resolution time metrics — integrated with Resend and Nodemailer for email notifications.
- Designed and optimized relational database schemas in MySQL using Drizzle ORM with Drizzle Kit migrations; implemented efficient indexing and structured queries for high-volume government event and infrastructure records.
- Built secure RESTful API endpoints under Next.js App Router, enforcing Zod schema validation and role-based access control (RBAC) with JWT authentication and bcrypt password encryption.
- Delivered an interactive activity calendar with month/week/day/year views, drag-and-drop rescheduling, OPD-categorized color-coded events — containerized the full stack using Docker Compose with multi-stage production builds.
03 // PRODUCT LEARNING
FRONTEND ENGINEER • AGILETEKNIK - LARAS
March 2024 - Dec 2024
- Created high-fidelity landing pages and portfolios featuring custom GSAP animations and Tailwind styling.
- Implemented responsive web designs that work seamlessly across desktop, tablet, and mobile layouts.
- Optimized web performance, achieving near-perfect 95+ scores on Google Lighthouse Core Web Vitals.
- Collaborated directly with clients to translate business goals into clean, interactive user interfaces.
- Integrated payment gateways and modern headless CMS platforms (Strapi, Sanity.io).
04 // APPLIED BACHELOR THESIS
LEAD RESEARCHER & SOFTWARE ENGINEER • PENS
Aug 2024 - Jul 2025
- Built a hybrid desktop simulation platform combining a C++17 (Qt 6) backend with a Next.js 14 (TypeScript, Tailwind CSS) UI rendered via Chromium Qt WebEngine, resolving desktop packaging virtualization crashes through programmatic sandbox bypasses (QTWEBENGINE_DISABLE_SANDBOX=1).
- Implemented a Data-Oriented Programming (DOP) architecture, isolating Plain Old Data (POD) structs from stateless computational controllers and organizing time-series outputs into Structure of Arrays (SoA) for zero-allocation memory sweeps.
- Engineered a longitudinal train dynamics simulation in C++, modeling piecewise 3-region tractive effort curves, Davis running resistance, track elevation/curvature profiles, and multi-stage power flow (wheel mechanical output to catenary line).
- Formulated analytical 3-zone braking distance calculus across motor field-weakening regimes, driving a discrete forward Euler simulation loop (1.0-second time steps) with a 4-state notch machine (AtStation, Accelerating, Coasting, Braking).
- Developed a Two-Pass Dynamic Range Mamdani Fuzzy Inference System (FIS) that dynamically self-calibrates membership boundaries across 3 decoupled sub-engines (TimeEngine, PowerEngine, EnergyEngine) using 100-step discrete Centroid defuzzification.
- Accelerated multi-objective parameter sweeps across 104 candidate configurations to under 2.0 seconds using C++ QtConcurrent multi-threading with signal-blocking, outperforming traditional metaheuristic algorithms (40–80 minutes).
- Delivered a comprehensive operator analytics suite featuring an 8-tab time-series dashboard (Recharts), native CSV/Excel export dialogs via QWebChannel, guided onboarding tours (Driver.js), and bilingual (EN/ID) localization.
TECHNICAL PROFICIENCY MATRIX
Frameworks, Languages, Systems & Tools Breakdown
FRONTEND
Web & UI Systems
Vue 3Nuxt 4ReactNext.jsTypeScriptTailwind CSSGSAP
GRAPHICS & 3D
Interactive WebGL
Three.jsWebGLGLTF / DracoGLSL ShadersPhysics
SYSTEMS
Desktop & C++
C++Qt FrameworkOpenCLMemory Safety
BACKEND & DATA
Services & Databases
Node.jsDrizzle ORMSQLiteMySQLNext AuthREST APIs