Skip to content

It`s a small weather app with search by cities and filters by min and max temperatures. There is also a chart showing the archived weather for the last week

Notifications You must be signed in to change notification settings

teslmik/weather-app

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Getting Started

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.

Functional Description

The graph shows the average temperature of the previous week for the selected city. When choosing another city - the chart is recalculated. enter image description here

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. enter image description here

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. enter image description here

About

It`s a small weather app with search by cities and filters by min and max temperatures. There is also a chart showing the archived weather for the last week

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published