← Projects

MWeather

Installable PWA weather app with country search, live forecasts, and persisted state—built with React + TypeScript.

Company
Personal project
Role
Frontend Developer
Stack
React TypeScript Sass Axios OpenWeatherMap API
Highlights
  • Built an installable Progressive Web App with responsive UI.
  • Integrated OpenWeatherMap weather data and REST Countries search.
  • Persisted user selections across refreshes.
MWeather app in web screen.

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.