Skip to content

lillae/nextjs-weather-app

Repository files navigation

Next.js - Weather Application

Description

A web application that displays the current weather information for selected capital cities, including current local time,sunrise, sunset time and temperature in Celsius.

Features

Home page:

  • Displays names of selected cities
  • Clicking on the city name opens the weather details of the selected city.
  • Clicking on the plus icon takes to the search page.

Search Page:

  • Autocomplete search with letter highlight when searching for a capital.
  • Click on item in the dropdown and save the city to your list.

Weather Page:

  • Displays weather details

API's

Other resources

Icons: https://erikflowers.github.io/weather-icons/

Getting Started

First, run the development server:

npm install

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.