/forecastify

A Next.js web application for fetching and displaying current weather forecasts using the OpenWeatherMap API.

Primary LanguageTypeScript

Forecastify

Forecastify is a web application built with Next.js for fetching and displaying current weather forecasts using the OpenWeatherMap API.

Features

  • View current weather conditions including temperature, humidity, wind speed, and weather description.
  • Access a 5-day forecast for the selected location.
  • Search for weather forecasts of any location around the globe.
  • Responsive design for optimal user experience across devices.

Technologies Used

  • Next.js
  • React
  • OpenWeatherMap API
  • HTML
  • CSS

Installation

Clone the repository:

git clone https://github.com/asha-saini06/forecastify.git
  1. Navigate to the project directory:
cd forecastify
  1. Install dependencies:
 npm install
  1. Create a .env.local file in the root directory and add your OpenWeatherMap API key:
NEXT_PUBLIC_OPENWEATHERMAP_API_KEY=your_api_key_here
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser to view the application.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.