Digital Barangay App

THE PROJECT

From a front desk prototype to a full-stack application

Digital Barangay is designed to make routine barangay services easier to access and easier to manage. Residents can create an account, submit document requests, report non-emergency concerns, and track progress online. Barangay staff use a protected admin portal to review submissions and update their status.

This public interface is backed by a deployed API and PostgreSQL database, so the application demonstrates a complete resident-to-staff workflow rather than a static mockup.

RESIDENT EXPERIENCE

What residents can do

• Create a resident account and sign in securely.
• Submit barangay document requests and receive a backend-generated tracking number.
• Report non-emergency community concerns with location and description.
• Track request and concern status from the resident dashboard.
• View published barangay officials and community notices.

STAFF EXPERIENCE

What barangay staff can do

• Sign in through protected admin authentication.
• View live resident requests and concerns.
• Review document requests and move them through their workflow.
• Update concern status as the barangay responds.
• Manage the operational side of the resident service portal.

TECHNICAL ARCHITECTURE

A real full-stack deployment

The frontend is served through GitHub Pages. It communicates with a Node.js/Express API deployed on Render. Prisma provides database access to PostgreSQL hosted on Neon, while JWT authentication protects resident and staff workflows.

Resident / Admin Browser
          |
          v
   GitHub Pages frontend
          |
       HTTPS API
          |
          v
   Render / Express API
          |
       Prisma ORM
          |
          v
      Neon PostgreSQL

Uploads -> Cloudinary

LIVE APPLICATION

Try the application

Use the public front desk to explore the interface. Resident registration and staff operations are available through their respective portals.