Memuat...
03 / Arsip Portofolio & Proyek Teknis
Portofolio
Dokumentasi proyek pengembangan antarmuka web responsif, pengelolaan client & server state (Zustand, TanStack Query, Signals), integrasi API & autentikasi RBAC, serta implementasi riset di peramban (ONNX Runtime).
/
Menampilkan 14 proyek & sertifikasi (9 proyek, 5 sertifikat)
Proyek (9)
smpn24padang.sch.id
Agu - Sep 2025 (Proyek Produksi)Full-Stack Web Developer Intern
Portal Web & CMS SMP Negeri 24 Padang
Portal web resmi SMP Negeri 24 Padang yang dikembangkan menggunakan Next.js (App Router) dan Tailwind CSS. Mencakup fitur CMS untuk pengelolaan berita, pengumuman, galeri kegiatan, dan direktori guru/staf, modul Bank Sampah sekolah dengan rekap laporan PDF bulanan otomatis, serta autentikasi berbasis peran (RBAC).
Static & Dynamic Next.jsRendering & SEO
Autentikasi & RBACAccess Control
CMS & Rekap PDF Bank SampahFitur Unggulan
Next.jsReactTypeScriptTailwind CSS+6
cars.ikhwann.my.id
2025 (Proyek Fullstack Pribadi)Frontend & Full-Stack Developer
Platform Penjualan Otomotif (IngStore)
Aplikasi web katalog mobil dan pemesanan yang menghubungkan halaman pelanggan dengan dasbor admin. Mengelola state UI & filter dengan Zustand, fetching & caching data API menggunakan TanStack Query, validasi form pemesanan dengan Zod, serta distribusi antrean leads otomatis ke agen sales aktif dengan integrasi chat langsung ke WhatsApp.
Zustand + TanStack QueryClient & Server State
Zod Schema ValidationForm Validation
Auto-Queue & WhatsApp RoutingLead Automation
Next.jsReactTypeScriptZustand+5
skripsi.ikhwann.my.id
2026 (Proyek Skripsi)Frontend & Research Developer
Skripsi Prediksi Lintasan Siklon Tropis (LSTM & ONNX)
Sistem prediksi dan visualisasi jalur siklon tropis berbasis LSTM dengan evaluasi 12 skenario eksperimen (error Haversine rata-rata 14,2 km dan R² 0,999). Model terbaik dikonversi ke format ONNX untuk dijalankan langsung di browser menggunakan ONNX Runtime dan divisualisasikan pada peta interaktif berbasis Astro Island Architecture.
Haversine 14,2 km | R² 0,999Evaluasi Model (12 Skenario)
Astro Island ArchitectureFrontend Architecture
ONNX Runtime WebBrowser Inference
AstroTypeScriptONNX RuntimeLSTM+6
angular.ikhwann.my.id
2026 (Proyek Frontend Pribadi)Frontend Developer
Website Penjualan Rumah (Angular Property)
Antarmuka katalog properti dan tampilan denah kavling perumahan 2D yang responsif menggunakan konsep komponen Angular serta Tailwind CSS. Mengimplementasikan fitur filter pencarian properti dan kalkulator simulasi cicilan KPR dengan pengelolaan state reaktif (Signals & Data Binding).
Angular Signals & RxJSState Management
2D Housing Lot MapInteractive UI
Reactive KPR SimulatorFinancial Tool
AngularTypeScriptAngular SignalsRxJS+5
blogsing.vercel.app
2026Frontend Developer
Content Publishing Platform & Live Markdown Editor
Platform publikasi artikel berbasis Next.js (App Router) dengan editor Markdown split-pane yang menampilkan pratinjau terformat secara langsung, dynamic routing, serta metadata SEO terstruktur.
Dual-Pane Live MarkdownEditor UX
Dynamic Structured MetadataSEO Strategy
Next.js Hybrid SSG/SSRRendering
Next.jsReactTypeScriptTailwind CSS+4
kelola-barang.vercel.app
2025Frontend Developer
Inventory Logistics Dashboard UI
Antarmuka dasbor kontrol persediaan gudang berbasis Next.js, TypeScript, Zustand, dan TanStack Query untuk memantau mutasi barang masuk, keluar, dan retur dengan penyaringan status stok secara instan.
Instant Client-Side FilteringDashboard UX
Responsive Tabular LayoutData Grid
Zod Stock Mutation FormsValidation
Next.jsReactTypeScriptZustand+5
tfidf.vercel.app
2025Frontend Developer
DockRank — Information Retrieval Search UI
Antarmuka aplikasi pencarian dokumen berbasis Next.js dan React yang memvisualisasikan tahapan algoritma TF-IDF, distribusi bobot kata kunci, serta perankingan relevansi dokumen secara transparan.
Interactive Ranking ViewSearch UI
TF-IDF Matrix BreakdownVisualization
Next.js & React StateFrontend
Next.jsReactTypeScriptTailwind CSS+4
2025Frontend Developer
Enterprise Monorepo UI — Shared Design System
Arsitektur monorepo berbasis Turborepo untuk mengelola beberapa aplikasi Next.js dalam satu workspace, berfokus pada pustaka komponen UI bersama (Tailwind CSS, shadcn/ui) dan sinkronisasi kontrak tipe TypeScript.
Next.js & ReactFrontend Core
Turborepo Shared UIWorkspace
Shared TypeScript ContractsType Safety
Next.jsReactTypeScriptTailwind CSS+5
2025Mobile Frontend Developer
React Native E-Commerce Mobile UI
Antarmuka aplikasi e-commerce mobile cross-platform menggunakan React Native, Expo, dan TypeScript dengan fokus pada navigasi layar yang responsif, katalog produk interaktif, dan pengelolaan state keranjang belanja.
Expo & React NativeMobile UI
Isolated Cart & Async StateState Handling
Responsive NavigationUX Flow
React NativeExpoTypeScriptMobile UI+4
Sertifikasi (5)
Kredensial Asli
Resmi
HUAWEI-AI-FUNDAMENTALSPerbesar
Artificial Intelligence
2026
Artificial Intelligence Fundamentals
Penerbit: Huawei ICT Academy
Sertifikasi konsep dasar pembelajaran mesin dan jaringan saraf tiruan yang mendasari perancangan serta evaluasi eksperimen model LSTM pada penelitian skripsi, sebelum diintegrasikan ke dalam antarmuka visualisasi web.
Artificial IntelligenceMachine Learning Basics+4+3
Kredensial Asli
Resmi
HUAWEI-AI-PRINCIPLES-APPPerbesar
Artificial Intelligence & Deep Learning
2026
Artificial Intelligence: Principles and Applications
Penerbit: Huawei ICT Academy
Mencakup prinsip penerapan model deep learning pada sistem aplikatif, yang mendukung proses konversi model hasil riset ke format ONNX untuk dieksekusi langsung di peramban menggunakan ONNX Runtime.
AI PrinciplesDeep Learning Architecture+4+3
Kredensial Asli
Resmi
HUAWEI-HCIP-DATACOM-V1.0Perbesar
Network & Infrastructure Engineering
2026
HCIP-Datacom Core Technology V1.0 Course
Penerbit: Huawei ICT Academy
Memperkuat pemahaman teknis terhadap komunikasi data client-server, resolusi DNS, karakteristik latensi jaringan, serta diagnostik konektivitas saat mengintegrasikan aplikasi frontend dengan REST API dan lingkungan produksi.
Data CommunicationsIP Networking & Routing+4+3
.webp)
Kredensial Asli
Resmi
HACKERRANK-PS-BASICPerbesar
Problem Solving & DSA
Jan 2025
Problem Solving (Basic)
Penerbit: HackerRank
Validasi kemampuan pemecahan masalah algoritmis dan struktur data dasar yang diterapkan sehari-hari dalam pengolahan struktur data di sisi klien, penyaringan daftar multi-kriteria, dan transformasi respons API.
Problem SolvingData Structures+4+3
.webp)
Kredensial Asli
Resmi
HACKERRANK-PS-INTERMEDIATEPerbesar
Problem Solving & DSA
Jun 2025
Problem Solving (Intermediate)
Penerbit: HackerRank
Menguji analisis efisiensi kompleksitas waktu dan pemilihan struktur data tingkat menengah, yang mendasari penyusunan logika antrean distribusi leads otomatis, kalkulasi finansial reaktif, serta optimasi state pada antarmuka web.
Advanced Problem SolvingData Structure Optimization+3+2