Next.js PWA Weather App

Project Overview

A weather application built as a Progressive Web App (PWA) using Next.js. It provides real-time weather information based on the user's location or a searched city. Showing weather info, air quality of the day, hourly forecast and 7 days forecast. Cached weather info for offline campability. Integrated with real-world weather API provider(WeatherAPI.com). Integrated with feature flag provider(Flagsmith).

Challenges

• Implementing service workers for offline functionality
• Handling geolocation permissions and fallbacks
• Optimizing the app for various screen sizes and devices
• Integrating feature flags into the application

Future Improvements

• Implement dark mode on evening and light mode on daytime.
• Implement push notifications for weather alerts

Reflection

This project taught me a lot about PWAs and their capabilities. I gained experience with service workers, geolocation, and creating an app that works offline. I also integrated multiple services from multiple vendors(API, feature flag) to the application.