From Government Open Data to an Urban Exploration Website: Building a Park Map for Taipei, New Taipei, Taoyuan, and Taichung with Nuxt 3, Codex, and GitHub Actions

Government open data is publicly available, but it is often scattered across different cities and counties, with inconsistent field formats and varying levels of data completeness. There is still a gap between “data being open” and “data being truly usable by everyday users.”

In this talk, I will use a real open source project as an example to demonstrate how Nuxt 3, Vue 3, and TypeScript can be used to integrate park open data from Taipei City, New Taipei City, Taoyuan City, and Taichung City into a unified data model. The project implements features such as search, filtering, sorting, map visualization, and disaster-prevention park information lookup.

I will also share how Codex was used as a pair programmer to help understand data fields, build data normalization workflows, split frontend components, and accelerate development iterations. In addition, I will explain how GitHub Actions can be used to automatically update selected data sources and deploy the site to GitHub Pages.

The value of Open Data is not only in making data public, but also in using the JavaScript ecosystem and open source tools to transform that data into practical products that are explorable, maintainable, and extensible.