https://weatherapp-pras75299.netlify.app/
A tech company is planing to launch a responsive 'Weather-App'. You have been awarded a chance to present your (working) design using React Js to meet the requirements mentioned in the MVP below.
- Allow the user to enter the name of his/her city or the city that they want look up the weather details for,
- Confirm strings with matching names by showing in drop-down list
- Return suggestions as "Did you mean correction ?" for mistypes for the city name and pick the correction if clicked upon
- Return null/invalid searches with appropriate error messages
-
Upon entering/selecting the correct city name, display the city and its current date and time (consider time zone and DSTs)
-
Display the following features of weather,
- Height (from sea level)
- Wind speed (in kmph/mph)
- Rain and Humidity
- Temperature (current)
-
Display a forecast of the current week and slideable till next 1 month
-
Handle all exceptions with appropriate error messages
-
Responsive and user friendly design
-
The app must load faster
-
Host/Deploy your app
-
Your app should be device and browser compatible
- Input box should take city / area / etc. name
- Forms should work with the Enter key
- After entering the city, I get that city's data
- Things should be well aligned.
- Grids should use Flex layout or CSS Grids
You will be graded on
- attention to detail
- covering all edge cases (errors / invalid input etc.)
- responsiveness
- completion of all requirements of MVP