Web GIS Platform for Map & User Management
A modern cloud-based Geographic Information System (GIS) platform developed using React, Next.js, Node.js, PostgreSQL/PostGIS, and GeoServer APIs. GeoLokal enables Local Government Units (LGUs) to visualize, manage, analyze, and monitor geospatial datasets through interactive maps, dashboards, and layered spatial analytics.
- Project Duration: February 2026 – May 2026
- Role: Full Stack GIS Developer
- Tech Stack: React.js, Next.js, Node.js, PostgreSQL/PostGIS, pgAdmin, GeoServer API, TypeScripts
- Automation: Leaflet/OpenLayers, Vercel, Github
- Database: PgAdmin, PostgreSQL, Avien Cloud Server
System Architecture Design
Development Highlights
- Developed the complete frontend GIS interface using React and Next.js
- Built backend APIs using Node.js
- Configured PostgreSQL/PostGIS spatial database
- Integrated GeoServer APIs for map services and geospatial layers
- Implemented interactive parcel mapping and feature identification
- Automated deployment workflow using Git and Vercel
- Hosted cloud database infrastructure on Avien Cloud Server
Challenges Solved
Optimized large GIS datasets for efficient rendering on web maps while maintaining smooth user interaction.
Implemented dynamic layer toggling and customizable GIS overlays for different planning scenarios.
Configured cloud-hosted geospatial services and automated deployment pipelines for scalable production hosting.
Integrated GeoServer APIs with frontend map visualization and backend spatial queries.
Interactive GIS Mapping
- Dynamic web maps with zoom, pan, and layer controls,
- Customizable GIS layers,
- Parcel lot mapping and identification,
- Administrative boundary visualization,
- Road and river network overlays.
Spatial Analysis & Calculations
- Parcel area computation
- Feature identification tools
- Geometry rendering and calculations
- Layer filtering and spatial querying
User & Access Management
- Role-based authentication
- Viewer and Admin permissions
- Municipality-based access control
- Secure login system
Cloud Infrastructure
- GeoServer integration for geospatial services
- Cloud-hosted PostgreSQL/PostGIS database
- Git-based CI/CD workflow
- Vercel automated deployment pipeline
Figma Prototypes
Admin Dashboard
Password: sofairich@123
Viewer Dashboard
Password: VJFLIotKrL
Let's Design Your Website
From concept to launch, I create websites that are visually stunning, user-friendly, and conversion-focused. Combining modern design principles with seamless functionality, I make sure every interaction delights your visitors and drives results.