SEDGIS (NEDA XI)

My first professional project was not a startup or a client website. It was a government platform for civil servants doing extended research sessions on regional socio-economic data, built during an internship at NEDA XI, the National Economic and Development Authority for Region XI in Davao, Philippines.

SEDGIS, the Socio-Economic Database with GIS, translates large tabular datasets into something that regional analysts and planners can actually use. The core problem with the existing workflow was that data lived in spreadsheets and database exports, disconnected from geography. Linking those records to GIS coordinates and rendering them as map layers made the spatial dimension of the data legible in a way that no table view could.

I used React 18 and Material UI for the component layer. Material UI was a deliberate choice for a government context: an accessible, well-documented system that non-technical stakeholders could extend without needing to understand the underlying implementation. ApexCharts renders bar graphs and line trends for socio-economic indicators across municipalities, and the charts update with the active map selection, keeping the two views synchronized. Axios manages the REST API layer, including query filters that let users narrow the dataset before it hits the visualization.

My design priority was legibility for long sessions. High contrast, consistent Material UI typography, and Material Data Grid for dense regional datasets with sorting, pagination, and column filtering. The work needed to hold up across a full afternoon of analysis without the interface becoming fatiguing.

Working on a government platform at the very start of my career put a particular kind of weight on getting things right. The users were not early adopters looking for novelty. They were civil servants with real planning decisions to make.