Build a simple react/redux weather application. The application should show current weather of selected city and have functionality to provide a 5 day forecast for the selected city. Below is a wireframe for the screen.
- Use whatever libraries you want
- Have proper component breakdown
- Have app working via redux store
- Look & feel very flexible. It doesn't have to look the way it is shown in picture below but should look presentable.
- API call documentation can be found here
- Bonus points for making app pagable
Get list of cities for dropdown. Load from public/cities.json
On dropdown change get selected city and for that cityt load weather and show panel with weather details.
Load from: http://api.openweathermap.org/data/2.5/weather?id=[city id from Step #1]&appid=a30f79a44d74a7b2c4c8f414d958a23e ex: http://api.openweathermap.org/data/2.5/weather?id=524901&appid=a30f79a44d74a7b2c4c8f414d958a23e
On click on 5 day forecast button render empty panel where 5 day forecast will be.
Add close button to forecast panel that closes the panel.
Load from: http://api.openweathermap.org/data/2.5/forecast?id=[city id from Step #1]&appid=a30f79a44d74a7b2c4c8f414d958a23e ex: http://api.openweathermap.org/data/2.5/forecast?id=524901&appid=a30f79a44d74a7b2c4c8f414d958a23e and display as grid in the panel created in step #3.
Add paging to the grid created in Step #6.