Ian Macabulos
Full-Stack Developer
Full-Stack Developer
Search for a command to run...
ClimaPH is a high-performance meteorological application built on the modern Next.js App Router ecosystem. Designed specifically for the Philippines, it delivers real-time weather monitoring, interactive MapLibre visualization layers, and highly accurate local forecasts. The platform is engineered with a strict focus on API security, type safety, and robust state management to ensure reliable data delivery.
Explore the live application or review the codebase on GitHub.
Integrated MapLibre GL and React Map GL to visualize dynamic meteorological layers, including temperature, cloud coverage, and wind patterns across the country.
Provides accurate 3-day weather predictions and detailed daily temperature tracking, breaking down conditions across morning, afternoon, evening, and night segments.
Features automatic geolocation, real-time city search, recent search history tracking, and a persistent favorite locations list.
The application required managing complex client state for mapping and user preferences while ensuring strict security protocols. Exposing external API credentials to the client browser was a critical vulnerability that needed to be addressed without compromising performance.
This project demonstrates a rigorous approach to full-stack security and dynamic configuration. By isolating external dependencies behind proxy routes and validating configurations at runtime, the application is highly portable and resilient. It can be safely deployed in any environment while protecting service quotas.