Sistem manajemen toko mebel

Toko Mebel

Aplikasi web manajemen yang menyatukan produksi mebel, inventori, faktur, dan pelaporan dalam satu ruang kerja aman yang mengatur akses per peran.

Peran: Frontend developer
Tahun: 2024 — 2025
Stack: ReactTypeScriptViteMaterial UIReduxReact Hook FormJoi

Buka repositori

Dashboard Toko Mebel yang menampilkan baris inventori, pendapatan bulanan, faktur, dan progres produksi

01 · Masalahnya

Mulai dari sumber masalahnya, bukan daftar fitur.

Toko berjalan dengan spreadsheet dan kertas: status produksi, jumlah stok, dan faktur berada di tempat terpisah, catatan saling bertentangan, dan tidak ada kontrol akses bagi staf yang hanya membutuhkan sebagian sistem.

02 · Pendekatannya

Mengubah observasi menjadi keputusan yang matang.

01
Memodelkan aplikasi mengikuti modul nyata toko: proyek produksi, inventori, faktur, dan pelaporan.
02
Mengimplementasikan autentikasi JWT dengan lima peran berbeda, membatasi setiap modul sesuai aksi yang boleh dilakukan tiap peran.
03
Menata state lintas modul dengan Redux dan memvalidasi setiap formulir dengan React Hook Form serta skema Joi bersama.

03 · Tantangan

Kendala yang membuat solusi semakin kuat.

Merancang lima tingkat izin tanpa menduplikasi antarmuka untuk setiap peran.
Menjaga konsistensi state produksi, inventori, dan faktur ketika satu alur mengubah alur lainnya.
Menulis aturan validasi yang tetap ketat tanpa menyulitkan input data harian.

04 · Hasil

Apa yang berubah—dan apa yang akan saya perbaiki berikutnya.

Menyelesaikan frontend lengkap untuk alur produksi, inventori, faktur, dan pelaporan di GitHub.
Melindungi modul sensitif dengan JWT auth dan lima peran yang terpisah dengan jelas.
Menyeragamkan validasi formulir dengan React Hook Form dan Joi untuk memangkas input salah sebelum mencapai API.