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
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
Username: sofairich
Password: sofairich@123
Password: sofairich@123
Viewer Dashboard
Username: Doona
Password: VJFLIotKrL
Password: VJFLIotKrL
Start Project
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.