Full-Stack Developer
ClimaPH is a high-performance weather forecasting application built using the Next.js ecosystem. It provides a unified platform for users to monitor real-time weather, 12-hour temperature trends, and 5-day extended outlooks for any location in the Philippines and beyond. The platform integrates practical "Lifestyle" metrics like laundry and umbrella guides into a single system.
Explore the live application or review the codebase on GitHub.
Real Feel temperature status with color-coded alerts, interactive 12-hour temperature trend charts, and 5-day extended forecasts.
Smart "Sampay Meter" laundry guide based on cloud cover and an Umbrella Check for rain protection or UV shielding.
Automatic geolocation detection, real-time city search with instant results via caching, and persistent favorite locations.
The main challenge was handling complex data transformations. Raw API data comes in 3-hour intervals, but the UI required daily summaries and specific trend charts. Additionally, ensuring type safety across strict TypeScript interfaces for all API responses was critical for stability.
This project solidified my understanding of the Next.js App Router and server-side API communication. I successfully managed professional branch merging workflows and applied strict TypeScript practices to ensure a stable production build.