Background: We are going to design a simple weather forcast app that will get and dispaly the weather forecast for specific city.
Tools: Reactjs, React-redux
UI: https://screencast.com/t/JqCaYoPr
API: You can use this api end-point to get the data. where q={city name} http://api.openweathermap.org/data/2.5/weather?q=london,us&APPID=0009cc9a42ea23775a6b261b95b67612
Requirements:
- There will be search input, where user will enter city name in it and onchange we will get the data from api. There will be no submit button to submit input's value, api will be called when user stops typing or after 800ms. So there will no multiple api calls.
- Store the response data of each api call in the redux store as history data.
- Create a left sidebar component where we will just display a list of the history data (name and date). When user which click any item of that list we display its complete data in the right section of the page. (This data will be displayed from the store, there will no api call for that as this is the history of our previous searches.)