Paperles – Enterprise Document Management System (DMS)

Deskripsi App

Paperles merupakan fitur add-on dari Accounting+ yang hadir sebagai sistem manajemen dokumen digital komprehensif untuk modernisasi birokrasi administratif. Aplikasi ini memfasilitasi pengelolaan Surat Masuk, Surat Keluar, dan Nota Dinas secara tersentralisasi. Dilengkapi dengan sistem disposisi, rekam jejak audit (audit log), komunikasi antar bagian secara real-time, hingga kustomisasi format cetak dokumen. Sistem ini secara signifikan memangkas waktu birokrasi dan memudahkan pelacakan status dokumen di setiap departemen.

Peran & Tanggung Jawab

Sebagai Front-End Developer, saya bertanggung jawab penuh atas arsitektur sisi klien, menerjemahkan kebutuhan bisnis yang kompleks ke dalam antarmuka pengguna yang responsif, intuitif, dan scalable.

Pencapaian utama dalam proyek ini meliputi:

• Arsitektur & Clean Code: Merancang struktur frontend menggunakan Next.js dan TypeScript dengan berpegang teguh pada prinsip SOLID. Hal ini memastikan basis kode (codebase) tetap maintainable dan modular seiring bertambahnya fitur.
• Integrasi API & Service Layer: Membangun service layer yang tangguh untuk mengintegrasikan puluhan endpoint REST API dari sisi backend. Pengelolaan data fetching, caching, dan sinkronisasi data antar komponen ditangani secara optimal menggunakan TanStack Query (React Query), sehingga meminimalisir loading state yang tidak perlu dan meningkatkan performa aplikasi.
• Manajemen State: Mengimplementasikan Zustand untuk manajemen global state yang ringan dan reaktif, memastikan alur data di seluruh komponen (seperti status autentikasi, notifikasi, dan state UI global) berjalan mulus tanpa mengorbankan performa.
• Visualisasi Data & Interaktivitas: Mengembangkan Dashboard analitik yang interaktif (menggunakan Recharts) untuk memantau metrik dokumen berdasarkan prioritas, status, dan target SLA persetujuan.
• Manajemen Form Kompleks: Menangani form pembuatan dan penyuntingan surat yang memiliki tingkat validasi tinggi dan input dinamis menggunakan React Hook Form.
• Version Control & Environment: Mengelola repository dan alur versioning secara disiplin menggunakan GitLab, serta memanfaatkan Bun sebagai runtime dan package manager untuk mempercepat proses build dan instalasi dependensi.

Fitur Kunci yang Dikembangkan:

• Sistem Alur Review Bertingkat: Membangun antarmuka untuk alur persetujuan (approval flow) dokumen yang kompleks, lengkap dengan riwayat komentar, status disposisi, dan pelacakan tenggat waktu (deadline).
• Interactive Dashboard: Halaman pemantauan dengan visualisasi grafik untuk melacak jumlah dokumen terbuat dan rasio status dokumen (Sangat Tinggi, Tinggi, Sedang, Rendah).
• Real-time Collaboration: Fitur obrolan antar departemen dan penandaan (mentions) untuk mempercepat tinjauan surat.
• Dynamic Print Formatting: Antarmuka kustomisasi layout cetak dan pengaturan kop surat dinamis (unggah logo, rich text editor) yang memberikan fleksibilitas kepada pengguna akhir.

Teknologi Utama yang Digunakan:

Next.js • TypeScript • Bun • Zustand • TanStack Query • TanStack Table • React Hook Form • Recharts • Tailwind CSS • GitLab