Project Overview
What I built
A GIS facility lookup system delivered to Korea Water Resources Corporation, where I owned frontend screens for map-based exploration and detail viewing.Connected location data, markers, lists, and detail panels so users could understand facilities and their locations in one exploration flow.
Technologies
React
Next.js
TypeScript
Tailwind CSS
PostgreSQL
HTML5
CSS3
Git
Scope
Key Contributions
- 01Owned facility lookup and detail screens for a GIS web application built with React, Next.js, and TypeScript.
- 02Connected location data with map markers, popups, lists, and detail panels to implement a facility exploration flow.
- 03Transformed API responses for the map and screen models and kept facility selection state consistent across views.
- 04Built responsive UI and management screens with Tailwind CSS and participated in feature-level issue resolution.
- 05Contributed to the development and operational rollout of a system delivered to Korea Water Resources Corporation.
Constraints & Decisions
Challenges
- 01Selection state and context had to remain intact as users moved between the map, list, and detail panel to inspect facility locations and information.
- 02Location data and facility detail responses had to be transformed for the map and screen structures while keeping display state consistent across views.
Verified Evidence
Results
01Implemented a GIS business UI connecting map markers, popups, lists, and detail panels.
02Contributed to the development and operational rollout of a system delivered to Korea Water Resources Corporation for real operational use.
