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.
Frontend & Full-Stack Developer
1 Jan 2025
React & Next.js UI
Spesifikasi & Kebutuhan Sistem
Platform katalog dan pemesanan otomotif membutuhkan sinkronisasi data yang konsisten antara halaman eksplorasi pelanggan dan dasbor admin, pengelolaan state filter multi-kriteria yang responsif, validasi form pemesanan yang ketat, serta mekanisme distribusi pesan prospek (leads) pelanggan yang merata ke agen sales.
Arsitektur & Solusi Teknis
Membangun aplikasi web berbasis Next.js, React, dan TypeScript yang memisahkan pengelolaan client state (Zustand) untuk UI dan filter dengan server state (TanStack Query) untuk fetching serta caching data API. Menerapkan validasi skema form pemesanan dengan Zod serta mengembangkan fitur pembagian antrean leads otomatis ke agen sales aktif yang terintegrasi langsung ke WhatsApp.
Teknologi & Stack Rekayasa
Jelajahi Proyek Lainnya
Studi kasus pengembangan antarmuka dan aplikasi web lainnya
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).
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.
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).
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.