Weather Info Manager

Progressive web app made with TypeScript and React to track the weather in different cities.
Some of its features are:

Initial list of top 15 cities by population, sorted alphabetically
Add / Remove cities from the list
Search by city name and get current weather for the location
Details view with additional weather information
Get weather for user's current location
Add / update / delete notes per city
Data persisted via localStorage API
Mark / unmark cities as favorite
PWA expected offline functionality (Only the hosted version, makes local development wasteful)

Running the app locally

Clone the repo
Create a .env file in the root of the project
Add to the file REACT_APP_WEATHER_API_ID=placeholder
Replace placeholder with your openweathermap key
Save the file
npm install
npm start

To run the tests:

npm test

It will generate a coverage report in the coverage folder, open the index.html file with your browser to check it.

Important: First load might take longer than expected, hosted in heroku free tier

Live version: https://weather-info-manager.herokuapp.com/

Home page

Details view

Search result

Notes