This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm install
npm run dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
The graph shows the average temperature of the previous week for the selected city. When choosing another city - the chart is recalculated.
When loading, the table shows information on the given cities.
In the search field, you can search by city, you can select multiple cities. When you clear the search field, a standard list of cities is shown.
In the fields of minimum and maximum temperatures, the corresponding values are pulled up, counted throughout the table. By changing the values of the minimum and maximum temperatures, the values in the table are filtered.