01IBM SkillsBuild
⚡ PORTFOLIO / 2026
KhoirulMutaqin.
Full-stack Web Developer
10Curated Studies
12Core Capabilities
100%Verified Builds
BASED INWonosobo, Central Java, Indonesia
KMFULL-STACK WEB
Selected Case Studies
Work with areason.
Each study explains the context, what I built, and why the work matters—turning screenshots into evidence of product thinking and engineering execution.
Verified CredentialsCredentials that
Credentials that
back the build.
Verified learning records supporting the product, engineering, and web-development work shown across this portfolio.
02Dicoding Indonesia
Belajar Prinsip Pemrograman SOLID
View official record ↗03Dicoding Indonesia
Belajar Dasar AI
View official record ↗04Dicoding Indonesia
Introduction to Financial Literacy
View official record ↗01
Nacth Store
A game top-up commerce system with a customer catalogue, promotions, transaction flows, and the back-office controls that keep them usable.
- Challenge
- Game top-up catalogues become difficult to operate when storefront content, pricing, products, and fulfilment are managed in disconnected workflows.
- What I Built
- I designed a unified storefront and administration experience that connects catalogue presentation with the operational controls behind it.
- Outcome
- The platform is live and fully operating at nacthstore.com, passing all backend & frontend test suites with fast transaction response times.
Role:Full-stack Developer & Product Designer
Read Complete StudySEAQUEST
An ocean-adventure game prototype that combines a browser-based world exploration direction, UI systems, character work, and a Unity prototype path.
- Concept
- A large game universe is difficult to explain through disconnected concept images; visitors need a clear sense of the product, interaction model, and the boundary between concept art and playable work.
- Execution
- I organized the identity, interface, environments, characters, game loop, and playable prototype direction into one coherent case study.
- Scope
- A high-fidelity pre-production presentation backed by source projects in React/Three.js and Unity. It is clearly not claimed as a released multiplayer game.
02
Supporting Case Study · 03View Engineering Study
NacthCommerce
A premium modular commerce foundation, reframed from the FuturePremium work into a clear Nacth-branded product engineering case study.
Core Focus
Catalog structure, checkout state flow, payment gateway integration, and stock synchronization.
Engineering Role
Designed modular service classes, database schema relationships, and API response caching.
More Proof of WorkSelected systems &
Selected systems &
prototype labs.
Practical systems with honest status markers. Each card details scope, technical evidence, and the next roadmap step.
LocalAI Tools
VoxFlow Workspace
A private local media-production workflow workspace, presented through its job lifecycle rather than the original internal project name.
PrototypePlatform Operations
EduOps Platform
A private education-operations platform, presented as a generic product case study without naming the school or exposing operational data.
PrototypeInteractive Prototypes
Cat Gem Rise
A rising merge-puzzle prototype with a compact 5×6 board, cat-themed presentation, boosters, and a 30-level progression concept.
PrototypeInteractive Prototypes
Abyss Crew
A browser-based extraction prototype exploring a playable vertical slice, role design, combat, and squad identity.
PrototypeProduct Engineering
AppForge Mobile
A self-hosted white-label mobile app factory that connects an existing business website to configurable Android and iOS app experiences.
LocalProduct Engineering
Niki Browser Engine
High-performance Chromium C++ modules and signed release Android APK for tracking parameter stripping, privacy shield timer governance, crash rescue state recovery, and memory-safe browsing.
LocalProduct Engineering
Niki VPN Turbo
A signed release Android gaming VPN and network accelerator with dual-channel Wi-Fi/cellular sync, custom gaming DNS, live floating ping overlay, and anti-jitter routing.
Philosophy & Execution
I connect product thinking, interface craft, andworking systems.
My role does not end at the visual layer. I work through responsive behavior, backend workflows, data structure, debugging, and release preparation so the final product can be evaluated as a real system—not just a screenshot.
Read Complete Profile & ExperienceCore Technology Stack & Practices
LaravelPHPJavaScriptTypeScriptAstroTailwind CSSReactMySQLREST APISanity CMSGit & GitHubUI/UX Systems