Impact
- Installable PWA shipped end-to-end (mweather-pwa.netlify.app), responsive across mobile and desktop.
- Live data from two production REST APIs (OpenWeatherMap + REST Countries), wired through Axios.
- Persisted user selections across refreshes via React Context, no backend required.
MWeather is an installable Progressive Web App (PWA) that lets users search by country and view key weather details (temperature range, wind, humidity, pressure) in a clean, responsive UI.
The app efficiently retrieves this data through the utilization of the OpenWeatherMap REST API, a reliable source for weather information. Additionally, the list of countries is sourced from the REST API.
What I built
- Search and select countries with
react-select. - Fetch and render weather + country data from public APIs.
- Lightweight state management with React Context.
- PWA-ready build for installability.
Tech
TypeScript, React, Sass, React Context, Axios, react-select.