A Progressive Web App that allows you to view the weather forecast anywhere in the United States.
Weather PWA
The frontend of this application was created using React, organized into individual components and made use of React Redux to maintain application state. It uses tailwindcss to style the components for mobile and desktop friendly experience. The weather data is fetched from the OpenWeatherMap API using axios.
To make this application, “Progressive”, Google’s Workbox library was used to cache images and API results to allow the application to be used in offline mode.
Azure Functions was used as a wrapper for the OpenWeatherMap API to hide the API key from users.
Link to live demo: here
Technologies: Typescript, React, Redux, tailwindcss, Fuse.js, Workbox