Barangay Case Reporting System
Project Overview
The Lupong Tagapamayapa (Lupon) is a barangay-based body, composed of 10 to 20 members and chaired by the Punong Barangay, that settles minor community disputes through mediation and conciliation decongesting court dockets in the process. To support this mandate, we proposed a browser-based case record management system built with Laravel, enabling a fully paperless workflow across all devices. It works online and offline, supports real-time multi-user access, and requires no installation, making it highly practical for resource constrained settings.
Designed with a modular and intentionally simplified interface, the system minimizes development complexity while remaining scalable for future enhancements. This approach ensures the entire solution is both immediately deployable and financially viable within the barangay’s current budget.
The Challenge
- Transition to a paperless environment and improve efficiency in retrieving case records for updates
- Must function seamlessly across all devices, both online and offline
- Must support concurrent use by multiple users
- Must be expandable to accommodate future enhancements
- Must be developed within budget constraints
My Solution
- Built the app with Laravel, allowing it to be deployed either offline or online
- Opted for a browser-based app to support multiple concurrent users without installing it on every device.
- Developed the app using a modular architecture, making it ready to accept new features once the barangay has additional budget
- Simplified the entry forms and overall app structure, making it feasible to build within their budget
Project Screenshots
The app’s welcome screen features original artwork as a cover background, prominently displaying the official seal and logo of the barangay office for a localized and professional brand presence.
A comprehensive dashboard summarizing case data by type and status for the current fiscal year. It includes a quick search interface for fast data retrieval and real-time case monitoring.
The central hub for managing all case records, equipped with filtering tools to streamline search and navigation across the case list.
An optimized form designed to facilitate fast and intuitive case record creation, minimizing input time while ensuring data accuracy.
A detailed case summary screen presenting all relevant case information, including attached files and supporting documents, for quick reference and review.
Form for editing case details and documenting additional proceedings such as mediations, conciliations, and arbitration outcomes.
A role-based user access control interface enabling two-tier access levels ensuring proper segregation of privileges between administrative and regular users.
A restricted form viewable only to administrators, allowing them to create and manage new user accounts within the system.
Configuration screen that allows administrators to personalize the app’s appearance, including the welcome screen cover image, system logo, and theme colors.
The app’s welcome screen features original artwork as a cover background, prominently displaying the official seal and logo of the barangay office for a localized and professional brand presence.
A comprehensive dashboard summarizing case data by type and status for the current fiscal year. It includes a quick search interface for fast data retrieval and real-time case monitoring.
The central hub for managing all case records, equipped with filtering tools to streamline search and navigation across the case list.
An optimized form designed to facilitate fast and intuitive case record creation, minimizing input time while ensuring data accuracy.
A detailed case summary screen presenting all relevant case information, including attached files and supporting documents, for quick reference and review.
Form for editing case details and documenting additional proceedings such as mediations, conciliations, and arbitration outcomes.
A role-based user access control interface enabling two-tier access levels ensuring proper segregation of privileges between administrative and regular users.
A restricted form viewable only to administrators, allowing them to create and manage new user accounts within the system.
Configuration screen that allows administrators to personalize the app’s appearance, including the welcome screen cover image, system logo, and theme colors.
The app’s welcome screen features original artwork as a cover background, prominently displaying the official seal and logo of the barangay office for a localized and professional brand presence.
A comprehensive dashboard summarizing case data by type and status for the current fiscal year. It includes a quick search interface for fast data retrieval and real-time case monitoring.
The central hub for managing all case records, equipped with filtering tools to streamline search and navigation across the case list.
An optimized form designed to facilitate fast and intuitive case record creation, minimizing input time while ensuring data accuracy.
A detailed case summary screen presenting all relevant case information, including attached files and supporting documents, for quick reference and review.
Form for editing case details and documenting additional proceedings such as mediations, conciliations, and arbitration outcomes.
A role-based user access control interface enabling two-tier access levels ensuring proper segregation of privileges between administrative and regular users.
A restricted form viewable only to administrators, allowing them to create and manage new user accounts within the system.
Configuration screen that allows administrators to personalize the app’s appearance, including the welcome screen cover image, system logo, and theme colors.
Key Features & Development Highlights
Case Search & Filter Component
Added to both the dashboard and the main cases page to enable fast and easy retrieval of case information.
Soft Delete
To enhance data security and prevent unintended data loss, a soft delete feature has been integrated into the case management module.
Theme Customization
The app includes a settings page that allows users to customize theme colors, change the cover page, and update system logos.
