Features
- Get latitude and longitude from Geolocation API
- Defaults to St. Louis coordinates in Geolocation API not supported
- Fetched data from Openweather API
- Reduced the data to only required JSON
- Defined columns for the DataGrid
- Used DataGrid feature for pagination
- Memoize the data to avoid re-rendering
- Sets status of API call with a loading spinner
- Deloyed to vercel
Completion time About two hours
Todos
- "units" Selector (https://openweathermap.org/current#data)
- Multi Language Selector (https://react.i18next.com/, https://openweathermap.org/current#multi, https://www.i18next.com/overview/api#language)
- Layout Update (Full Screen, https://mui.com/material-ui/react-box/, https://mui.com/x/react-data-grid/layout/)
- Data Source count Flexible (cnt=?)
- Wind Data Add (https://openweathermap.org/current#parameter)
- Weather Icon (https://openweathermap.org/weather-conditions)
- Location coordinate error. User "navigator.geolocation" didn't permission accept. (Define Static Location)
- The symbols of the fields will be defined