A dashboard to display the weather for a given location. The dashboard is built using React, TypeScript and https://open-meteo.com/en/docs weather API.
- The dashboard has two main pages:
- The home page displays the weather for the selected city
- Reports page to display reports saved by the user
One the home page, the user can:
- Search for a city
- Select a city from the list of cities
- View the weather for the selected city, within a specified time range
- Save the weather report for the selected city
- View weather by Latitude and Longitude
- Specify to view temperature and/or humidity values on the chart
On the reports page, the user can:
- View all saved reports
- View the weather for a specific report
- Delete a report
- Delete a group of reports by selecting the reports and right-clicking on the table
- All components use the Material UI library for styling and responsiveness.
- Charts are rendered using the React-chart library
- node v16 or higher
- yarn v1.22 or higher
- Clone the repository
- Run
yarn installto install dependencies - Run
yarn startto start the development server
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Runs the TypeScript compiler to check for type errors.