Question: Create a Web Dashboard We have provided some sample React template code. Your goal is to build weather dashboard application that lets users search for

Create a Web Dashboard
We have provided some sample React template code. Your goal is to build weather dashboard application that lets users search for current weather conditions in different cities.
When the app loads, it should display a search bar where user's can type in a city's name. Once the city name is entered (case-sentive) and the user hits the "Search" button, the app should fetch and display the current temparature, humidity and wind speed for the selected city. For simplicity, you don't have to make actual API calls, instead use the predefined data to mimic the weather data for a few cities.
Additionally, all previously searched cities should be listed below the search bar as buttons. When a user clicks on a previously searched city, its weather data should be splayed again.
Ensure the application handles scenarios where the city is not in your mock data by displaying a message: "City not found". You are free to add classes and styles, but make sure you leave the component ID's and classes provided as they are.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!