Vol. 2026/Digital Monograph
FULLSTACK WEB DEVELOPER

[ IDENTITY & DIRECTION ]

Muhammad
Khoyron
ahlaqul firdaus

AC Identity

Building systems with clarity, substance, and intent.

Fullstack engineer and project lead. Specialized in bridging backend rigor (Laravel, PostgreSQL, Docker) with fluid, intentional client experiences (React, Next.js, Tailwind).

CORE ROLELead Fullstack Developer
FLAGSHIP ARCHITECTUREATraderTerminal & Boostera AI
FOUNDATIONInformatics, Institut Asia Malang
CODE DISCIPLINEDesign × Systems Rigor
01 / PERSPECTIVE

I don't just build the interface.
I want to know what happens behind it.

Many developers specialize either in how something looks or how it computes. I find the most interesting engineering happens right at their collision.

Frontend with Tactile Emotion

A clean UI is not just aesthetics; it is clarity of thought. When working with React and Next.js, I treat layout, typography, and motion with obsessive care. A user should feel confidence the moment a page loads—through rapid paint times, zero layout shifts, and responsive touch feedback.

Backend with Mechanical Rigor

Behind every elegant control sits a database transaction, a security check, and an API contract. I architect backends with Laravel and PostgreSQL that can withstand edge cases—designing normalized schemas, enforcing strict role policies, and structuring deployments with Docker containerization.

01. INTENTION

No decorative bloat. Every element, animation, and database column must have an unambiguous purpose.

02. PERFORMANCE

Fast software respects user attention. Sub-second initial response, optimized queries, and fluid 60fps renders.

03. ARCHITECTURE

Clean boundaries between UI, API, domain models, and infrastructure that any developer can maintain.

AC MONOGRAM PHILOSOPHY

Design meets
Engineering.

The interlocking “A” and “C” monogram represents a dual commitment: the elegance of human design converging with the resilience of structured code.

[ MOTIF A ]01

Architecture & Application

The structural integrity of software.

  • Relational schema normalization & transaction safety (PostgreSQL)
  • RESTful API orchestration with policy-based authorization (Laravel)
  • Containerized multi-service deployment with Docker & Nginx
[ MOTIF C ]02

Code & Creativity

The human clarity of user interaction.

  • State machines and component composability (React & TypeScript)
  • Fluid, physical choreography without layout jumps (Framer Motion)
  • Sub-second response and Core Web Vitals optimization (Next.js)
AC Monogram

MUHAMMAD KHOYRON AHLAQUL FIRDAUS

AlulCode • Engineering Discipline • Malang, ID

[ CONTINUOUS SCROLL TO CASE STUDIES ↓ ]
02 / SELECTED WORKS

Flagship Engineering Chapters.

Four distinct systems built for real-world operations—from financial market intelligence and AI platforms for MSMEs to curated real estate and future-ready digital product studios.

01 / FINANCIAL INTELLIGENCEATRADERTERMINAL PRO
2025—2026 • PRODUCTION

ATraderTerminal — Financial Market Intelligence & Macro Analytics

Merancang Bloomberg-grade dark terminal dengan stream WebSocket berlatensi 12ms, composite state calculation untuk Macro Bias Engine (0-100 Bullish/Bearish), dan AI Macro Strategist berbasis LLM untuk mensintesis dampak rilis suku bunga bank sentral.

Platform analitik intelijen pasar finansial dan makro ekonomi institusional real-time dengan streaming quote langsung, mesin bias makro, kalender rilis ekonomi berdampak tinggi, integrasi Gemini AI Macro Strategist, dan kluster web scraper multi-sumber.

Next.jsTypeScriptWebSocketTailwind CSSGemini AIFinancial APIsPython Scrapers
ATraderTerminal — Financial Market Intelligence & Macro Analytics
Open Full Technical Case Study
Lead Fullstack Architect
02 / AI MARKETING SUITEBOOSTERA INDONESIA
2025—2026 • PRODUCTION

Boostera — AI Social Media Platform for Indonesian MSMEs

Jutaan pelaku UMKM di Indonesia kesulitan membuat materi copywriting iklan, visual promosi yang menarik, serta menjadwalkan posting media sosial secara konsisten setiap harinya.

Platform otomasi pemasaran dan asisten digital berbasis AI untuk UMKM Indonesia. Membantu merchant memproduksi kata promosi, gambar kampanye instan, integrasi toko WhatsApp, analitik tren produk lokal, dan penjadwalan konten multi-kanal.

TECHNOLOGY STACK
Next.jsTypeScriptTailwind CSSAI / LLM IntegrationPostgreSQLWhatsApp API
Boostera — AI Social Media Platform for Indonesian MSMEs
03 / CURATED REAL ESTATEMALANG ALAM PROPERTY
2024—2025 • LIVE
Malang Alam Property — Curated Real Estate & Living Discovery

Malang Alam Property — Curated Real Estate & Living Discovery

Menerapkan estetika editorial mewah bergaya majalah arsitektur dengan tipografi serif elegan, transisi gambar halus, dan alur konversi konsultasi properti terintegrasi.

Platform penemuan properti dan hunian eksklusif di Malang dan sekitarnya. Mengusung konsep 'Where life meets the beauty of nature' dengan kurasi arsitektur premium, navigasi visual sinematik, integrasi peta geografis, dan alur konsultasi privat.

Next.jsReactTypeScriptTailwind CSSInteractive MapsPostgreSQLSEO Engine
04 / DIGITAL PRODUCT STUDIOJAGATBYTE STUDIO
2025—2026 • PRODUCTION

JagatByte — Future-Ready Digital Product Studio & Engineering

JagatByte berkolaborasi dengan tim-tim ambisius dan perusahaan rintisan untuk merekayasa produk digital berstandar tinggi yang menuntut kejelasan arsitektur, momentum rilis cepat, dan ketahanan sistem.

JagatByte — Future-Ready Digital Product Studio & Engineering
Next.jsTypeScriptTailwind CSSDesign SystemsProduct AnalyticsState Architecture
03 / WORKBENCH

Tools I Build With.

No arbitrary percentage bars or vanity meters. These are production-tested technologies I command to deliver resilient software.

Client Framework01

React

Concurrent mode, hooks, state orchestration

Fullstack React02

Next.js

App Router, Server Components, dynamic ISR

Backend Framework03

Laravel

Eloquent ORM, Job queues, Policies & Sanctum auth

Language04

TypeScript

Strict type safety across API boundaries

Relational Database05

PostgreSQL

Indexing, transactions, JSONB & foreign keys

Containerization06

Docker

Reproducible microservices & multi-stage builds

Styling Engine07

Tailwind CSS

Custom design tokens & responsive systems

Backend Engine08

PHP 8+

Modern attributes, typed properties & OPcache

Infrastructure09

Linux / Nginx

Reverse proxy, SSL offloading & systemd daemons

04 / EXPLORATION

The Lab & Experiments.

Where curiosity leads. Rapid prototypes exploring interactive physics, AI synthesis, and high-frequency algorithms.

CLIENT RUNTIME & STATESHIPPED EXPERIMENT

Zero-CLS Dynamic Faceted Search Engine

In-memory client query execution engine that filters across 5,000+ SKU hardware items without layout shift or UI stutter.

TypeScript • Web Workers • Bitmask FilteringPROTOTYPE →
STORAGE & PERSISTENCEBENCHMARK

PostgreSQL B-Tree vs GIN Index Benchmarking

Empirical query plan comparison under 1,000,000 synthetic JSONB document records evaluating memory footprint versus latency.

PostgreSQL 16 • EXPLAIN ANALYZE • DockerPROTOTYPE →
BACKEND RELIABILITYACTIVE EXPLORATION

Idempotent Queue Worker Pipeline

Distributed task orchestrator with Redis atomic locks ensuring zero duplicate executions across concurrent job workers.

Laravel Queues • Redis • Distributed LockingPROTOTYPE →
INFRASTRUCTURE & MEDIASHIPPED EXPERIMENT

Sub-Second Automated Document Renderer

Headless Chromium daemon wrapper in Docker generating high-fidelity official membership PDFs under 450ms.

Node.js • Docker • Puppeteer CorePROTOTYPE →
05 / OBSERVATIONS

Things I Keep Thinking About.

Engineering is not just writing syntax; it is questioning defaults. Unfiltered notes on software friction, usability, and architecture.

PERFORMANCEFN_01

Why does this API endpoint need 400ms when the payload is under 12KB?

90% of latency is often hidden in un-eager loaded database N+1 relationships, un-indexed foreign keys, or redundant middleware authentication checks.

THESIS NOTEREAD ESSAY →
STATEFN_02

What happens when the client network drops mid-transaction?

A production interface must never leave the user wondering if a purchase or submission succeeded. Idempotency keys and optimistic reconciliation are non-negotiable.

THESIS NOTEREAD ESSAY →
ARCHITECTUREFN_03

Is this third-party dependency actually paying for its weight?

Importing a 150KB library for a three-line date utility or micro-animation wastes client bandwidth. Native browser APIs and typed utilities usually suffice.

THESIS NOTEREAD ESSAY →
ARCHITECTUREFN_04

Can this administrative workflow be reduced to two deterministic steps?

Enterprise friction isn't just aesthetic; each unnecessary modal and confirmation dialog costs real human operational hours every business quarter.

THESIS NOTEREAD ESSAY →
06 / RECORD

Work History & Foundation.

Proven leadership in production environments, academic excellence in Computer Science, and industry-standard security certifications.

Apr 2025 — PRESENTRemote / Full-time
PT Pusat Andalan Sukses Terpadu

Project Lead Developer

Memimpin perancangan teknis dan eksekusi arsitektur sistem digital perusahaan secara menyeluruh.

Next.jsTypeScriptLaravelPostgreSQLDockerSystem ArchitectureLeadership
Jan 2019 — PRESENTRemote / Independent
AlulCode Technical Engagements

Independent Fullstack Engineer & Consultant

Menyediakan layanan konsultasi rekayasa perangkat lunak, perancangan sistem web custom, dan audit performa untuk berbagai klien bisnis dan organisasi nasional.

ReactLaravelNode.jsTailwind CSSMySQLPostgreSQLREST APIs
Sep 2024 — Jan 2025Part-time
Black Wolf Tech Indonesia

Web Developer

Membangun antarmuka aplikasi web modern berbasis kebutuhan spesifik klien dengan standar performa dan konsistensi desain yang ketat.

ReactJavaScript (ES6+)UI/UX OptimizationTailwind CSS
Agu 2024 — Jan 2025On-site Internship
CV Hummasoft Komputindo

Web Developer Intern

Berkontribusi dalam tim rekayasa backend enterprise menggunakan Laravel dan ekosistem JavaScript industri.

LaravelPHPMySQLInternal ERPJavaScript
Okt 2023 — Jun 2024Community Initiative
iTmind Community Initiative

Co-Founder & Technical Mentor

Mendirikan dan mengelola komunitas edukasi teknologi yang berfokus pada pelatihan skill coding, logika algoritma, dan kesiapan karir industri.

Technical MentorshipCommunity BuildingWeb Workshops
Agu 2021 — Mei 2024Contract
EX-SCIENCE

Web Developer

Mengembangkan berbagai modul aplikasi internal dan eksternal menggunakan arsitektur Laravel, PHP, dan MySQL yang berfokus pada ketahanan sistem.

PHPLaravelMySQLJavaScript
ACADEMIC FOUNDATION
2025 — PRESENTFOUNDATION

Institut Asia Malang

S1 Teknik Informatika (Undergraduate Computer Science)

Mendalami studi sistem komputasi tingkat lanjut, algoritma komputasi terdistribusi, struktur data kompleks, dan rekayasa perangkat lunak enterprise sembari aktif memimpin proyek industri nyata.

2022 — 2025FOUNDATION

SMK Negeri 4 Bojonegoro

Rekayasa Perangkat Lunak (Software Engineering)

Pendidikan kejuruan intensif dalam rekayasa perangkat lunak standar industri dengan pencapaian predikat akademis terbaik.

VERIFIED INDUSTRY CREDENTIALS

Penghargaan Responsible Vulnerability Disclosure (Bug Hunter)

Amanah Solution — Security Assessment2024
Pelaporan Celah Keamanan Terverifikasi

Juara 1 Web Development Lomba Technifest 2022

Fakultas Teknik Universitas Negeri Jakarta (UNJ)2022
Juara 1 Tingkat Nasional

Juara 1 Web Technology LKS SMK Tingkat Kabupaten

Cabang Dinas Pendidikan Wilayah Bojonegoro2024
Juara 1 LKS Web Technology
07 / TRANSMISSION

Have something
worth building?

I am currently open to fullstack engineering leadership roles, complex contract builds, and challenging technical architectures. Let's build software that lasts.

AC Logo

Muhammad Khoyron Ahlaqul Firdaus

AlulCode • Malang, East Java, Indonesia (UTC+7)

Available for high-impact engineering projects