Skip to content

prasanthofficial002/Weather-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecast Website

A web app that shows current weather and 5-day forecast using JavaScript and the OpenWeatherMap API.

Demo

Live version: https://prasanthofficial002.github.io/Weather-Website/ OUTPUT-01 Annotation 2025-09-30 032747

OUTPUT-02 Annotation 2025-09-30 032823

Features

  • Search weather by city name
  • Show current temperature, humidity, wind, etc.
  • 5-day forecast layout
  • Responsive design for mobile & desktop

Technologies

  • HTML, CSS, JavaScript
  • OpenWeatherMap API
  • Fetch API

Setup

  1. Clone this repo: `git clone https://github.com/prasanthofficial002/Weather-Website
  2. Go into directory: cd weather-website
  3. Get an API key from OpenWeatherMap
  4. Insert the API key in script.js (look for const API_KEY = 'YOUR_KEY')
  5. Open index.html in your browser (or use a local server)

Usage

  • Type a city name and press Enter or click search
  • The app will fetch and display weather data
  • If the city is invalid, an error message will appear

Releases

No releases published

Packages

No packages published