whatstheweather

To run this project locally do the folllowing steps:

1. Fork this repository
2. then clone your fork repository
3. go to your repository

cd <repository_name>

4. install npm using

npm install

5. To run use

ng serve 

6. type http://localhost:4200/ into your browser to run it locally

Task Tick mark

• 1. The app consists of a grid of 9 panels. Every panel shows the weather data of one city. Initially, all panels would be empty.
• 2. On clicking on an empty panel, a text box is shown on the panel itself, asking the user to enter the city name. On entering the name, the panel now shows weather data for that city.

• 3. Every panel has a background picture that describes the weather at the city eg. sunny/rainy/cloudy.
• 4. The panels should be in a grid and responsive - the panels should align themselves in a row with respect to the screen size: for small screens - less number of panels in a row and for large screens - more number of panels in a row.

• 5. The weather data must be updated regularly - data displayed should be no more than 5 min old. This must not be done using a manual refresh button.

Some Screenshots of whatstheweather app