When I was appointed as SK Secretary for Barangay Guiwan, one of my first responsibilities was helping organize our local basketball summer league. Part of the league process was enforcing eligibility requirements for players — and residents needed a way to flag players who didn't meet those requirements or had other issues worth investigating. The old method was paper-based petitions, but that had a serious flaw: lack of anonymity. Residents were hesitant to file complaints because their identities were attached to the paper, which discouraged honest reporting and left potential violations unaddressed.
I decided to solve it the way I knew best — by building a custom online petition form. Instead of paper tip-offs, residents could now submit petitions through a mobile-friendly web app where their reports were recorded digitally while protecting their identity. This gave the SK council a proper pipeline to receive, track, and investigate complaints without exposing who filed them — making the process fairer for everyone involved.
The platform was built with React, Tailwind CSS, and TypeScript on the frontend to keep the interface fast and accessible on any device — especially phones, since most residents would be submitting from mobile. For the backend, I used Supabase with PostgreSQL to handle data storage, real-time updates, and simple authentication without overcomplicating the stack.
Deployment was handled through Vercel with GitHub Actions for a smooth CI/CD pipeline. This meant every update I pushed was automatically built and deployed, so I could iterate quickly based on feedback from the SK council and the community.
This project was small in scale but meaningful in impact — it was a real problem I encountered in my role as SK Secretary, and building a solution that the community actually used reinforced why I got into development in the first place: to solve real problems with code.
Live project: https://skguiwan.kyazs.tech/ | Source: https://github.com/kyazs
