DropReport adalah aplikasi pengaduan masyarakat berbasis web yang memudahkan warga menyampaikan laporan permasalahan di lingkungan sekitar. Aplikasi ini memungkinkan warga membuat laporan, mengunggah foto pendukung, serta memantau status penanganannya secara online.
Klik untuk ukuran penuh
Tentang Portofolio Ini
Dokumentasi & Alur Fitur
Bagian 1
DropReport — Sistem Pengaduan Masyarakat Berbasis Web
DropReport merupakan aplikasi berbasis web yang saya kembangkan menggunakan Laravel 13, Livewire 4, Blade, Tailwind CSS, dan MySQL. Aplikasi ini dirancang untuk mempermudah proses penyampaian dan pengelolaan pengaduan masyarakat secara digital.
DropReport memiliki dua jenis pengguna, yaitu warga dan admin, dengan hak akses yang berbeda.
Warga dapat membuat akun, login, mengirim laporan permasalahan di lingkungan sekitar, serta melampirkan foto sebagai bukti pendukung. Setiap laporan yang dikirim dapat dipantau melalui dashboard dengan tiga tahapan status, yaitu Menunggu, Diproses, dan Selesai.
Selain itu, warga dapat melihat riwayat laporan, melakukan pencarian, memperbarui profil, serta mengedit atau menghapus laporan selama belum diproses oleh admin.
Di sisi pengelola, admin memiliki dashboard untuk melihat seluruh laporan yang masuk, memeriksa detail pengaduan, dan memperbarui status penanganan secara bertahap.
Dari sisi tampilan, DropReport mengusung desain modern dan responsif dengan kombinasi warna forest green, pink, yellow, dan cream. Desain ini dibuat agar aplikasi tetap nyaman digunakan melalui desktop maupun perangkat mobile.
Teknologi yang digunakan:
-
Backend: Laravel 13 (PHP)
-
Frontend: Laravel Blade, Livewire 4, Tailwind CSS
-
Database: MySQL
-
Development Environment: Laravel Herd dan FlyEnv
Melalui proyek ini, saya mempraktikkan pengembangan aplikasi web mulai dari perancangan database, autentikasi dan otorisasi pengguna, pengelolaan data laporan, upload gambar, hingga integrasi frontend dan backend.
