2025Dashboard & Data Grid

Inventory Logistics Dashboard UI

Dashboard stok gudang yang saya buat supaya operator bisa melihat status persediaan, mencatat barang masuk/keluar/retur, dan filter berdasarkan status stok - semuanya responsif dan berjalan instan tanpa reload halaman.

Peran

Junior Web Developer

Tanggal Rilis

2025

Kategori

Dashboard & Data Grid

Status
Terverifikasi Produksi
Dashboard UXRealtime Filtering State
Data GridDense Responsive Grid
ValidationType-Safe Stock Forms
Latar Belakang & Kebutuhan

Konteks & Kebutuhan Sistem

Operasional logistik pergudangan membutuhkan dashboard data persediaan yang mampu menyaring ribuan data mutasi secara instan, mencegah kesalahan input kuantitas negatif, serta memiliki tata letak ergonomis yang nyaman digunakan pada tablet staf operasional di gudang.

Keputusan Rekayasa

Pendekatan & Solusi Teknis

Merancang dashboard Next.js dengan data grid responsif yang memanfaatkan client-side state caching untuk filter status stok dan kategori tanpa server roundtrip berulang. Formulir mutasi barang masuk, keluar, dan retur dilengkapi validasi skema Zod untuk mencegah kuantitas minus dan memastikan konsistensi pencatatan.

Teknologi & Stack Rekayasa

Next.jsReactTypeScriptTailwind CSSDashboard UIData GridState Management

Jelajahi Proyek Lainnya

Proyek-proyek lain yang mungkin menarik buat kamu lihat

Lihat Semua
Website SMP Negeri 24 Padang
Next.jsReact+7
2025
Next.js & Performance

Website SMP Negeri 24 Padang

Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.

Prediksi Siklon Tropis (Data IBTrACS)
AstroTypeScript+6
2026
Web Application

Prediksi Siklon Tropis (Data IBTrACS)

Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.

Ingstore - Website Penjual Mobil Berbasis CMS
Next.jsReact+5
2025
React & Next.js UI

Ingstore - Website Penjual Mobil Berbasis CMS

Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.

Website Penjualan Rumah
AngularTypeScript+5
2026
Angular & Reactive Architecture

Website Penjualan Rumah

Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.