Skip to content

Latest commit

 

History

History
47 lines (39 loc) · 1.97 KB

README.md

File metadata and controls

47 lines (39 loc) · 1.97 KB

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>
  1. install npm using
npm install
  1. To run use
ng serve 
  1. 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

alt text

alt text