ERP Sekolah

Future Gate High School, 2023 – sekarang

5: modul dirilis
400+: pengguna
20+: REST API terintegrasi

Beranda ERP: sapaan, presensi, jadwal mengajar, info yayasan, aksi cepat, dan daftar modul — Beranda, titik awal setiap peran pengguna.

Beranda ERP yang sama di ponsel — Beranda yang sama di ponsel.

Dashboard PSB berisi daftar tindakan pendaftaran, sebaran status pendaftar, dan gelombang aktif — Dashboard PSB dengan pendaftaran yang perlu ditindaklanjuti hari ini.

Dashboard Pembelajaran dengan progres kelas, materi terbaru, dan roadmap modul — Pembelajaran: progres kelas dibandingkan rencana semester.

Masalahnya

Sekolah butuh satu sistem untuk PSB, akademik, HR, keuangan, dan inventaris, dengan layar yang sesuai untuk tiap bagian.

Peran saya

Saya memimpin frontend: arsitektur, tampilan antarmuka untuk setiap departemen, dan integrasi dengan API tim backend.

Hasil

Setiap departemen bekerja dalam satu sistem terpadu, dengan tampilan yang dirancang sesuai alur kerjanya.
400+ pengguna, dari pendaftaran siswa baru hingga penggajian.
Bug UI berkurang setelah penerapan pengujian internal dan dokumentasi teknis.

Arsitektur

Lima modul yang saling terhubung (Akademik, PSB, HR, Keuangan, Inventaris) dalam satu frontend React + TypeScript.
Redux dan Zustand menyimpan state, sehingga data tetap sinkron antar modul.
Tampilan khusus untuk tiap jenis pengguna.

Keputusan

Tampilan per peran di atas data yang sama

Tiap peran punya layarnya sendiri, dibangun di atas data yang sama, sehingga modul-modulnya tetap sinkron.

Pengujian dan dokumentasi

Unit test dengan Jest dan React Testing Library, ditambah pengujian internal dan dokumentasi teknis, mengurangi bug UI.

Stack

React, TypeScript, Redux, Zustand, REST, Jest, React Testing Library

Proyek klien, kode tidak publik. Layar hanya menampilkan data yang aman dibagikan.