Apply for your Barangay ID
Complete your Barangay ID application online using a guided resident form. This frontend page is ready for future API integration and follows the same structure as your internal admin-side process.
Public-facing application page based on your existing admin modal flow, redesigned into a cleaner resident portal layout.
Personal details, address, and emergency contact
Photo capture/upload and issue details
Preferred date and time selection
Prepared for API and submission flow later
Barangay ID Details
Enter the resident details that will appear in the Barangay ID application.
Auto-generated later from backend logic.
Resident Photo and Issue Details
This section prepares the resident-facing equivalent of your admin photo and issuance fields.
Later, this can support camera capture or direct upload.
You may later add a camera capture flow here for mobile residents who want to take a photo directly from the portal.
Once backend and upload preview are integrated, the resident’s captured photo can be shown here before final submission.
For a public portal, “Released By” and “Received By” may later be partially system-controlled depending on your final workflow.
Emergency Contact Information
Provide the contact person to be referenced in case of emergency.
Since this is frontend-only for now, these buttons are wired to the next placeholder steps of the portal journey.