HMTI UNSA Official Web Portal
Masalah
Himpunan membutuhkan platform digital yang dinamis untuk mempublikasikan struktur divisi, program kerja, dan event kepada publik, sekaligus memberikan kontrol penuh kepada pengurus untuk mengelola data (CRUD) tanpa harus mengubah kode sumber.
Solusi Saya
Membangun aplikasi full-stack modern menggunakan ekosistem React dan Vite di sisi klien, dipadukan dengan Supabase (PostgreSQL) sebagai Backend-as-a-Service untuk pengelolaan data relasional dan autentikasi yang cepat.
Tantangan Yang Saya Hadapi
Tantangan paling teknis adalah merancang arsitektur database relasional (One-to-Many) yang solid untuk mengikat data divisi dengan anggota dan program kerja, serta memastikan seluruh jalur data aman dari manipulasi pihak tidak berwenang.
How i Fix it?
Saya merancang dan menerapkan kebijakan Row Level Security (RLS) di PostgreSQL Supabase agar operasi modifikasi data terkunci hanya untuk admin. Selain itu, saya mengimplementasikan kompresi gambar otomatis (Client-Side Compression) sebelum proses upload untuk menghemat penggunaan kuota bandwidth dan storage server.
Hasil yang Dicapai
Website berhasil dideploy ke production (Vercel), mendapatkan persetujuan langsung dari dosen IT, dan kini beroperasi penuh sebagai wajah digital HMTI UNSA dengan performa tinggi dan pengelolaan konten yang sepenuhnya mandiri.