Skip to content

Abhishek6172/WeatherNow-A-Simple-Weather-Forecast-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

WeatherNow β€” A Simple Weather Forecast Web App

WeatherNow is a clean and responsive weather application built using HTML, CSS, and JavaScript. It allows users to check real-time weather updates for any city in India (or worldwide) using the OpenWeatherMap API.

🌟 Features

  • 🌦 Live weather updates (temperature, humidity, wind speed)
  • πŸ” Search by city name
  • 🎨 Responsive and visually appealing UI
  • ❌ Error handling for invalid city names
  • πŸ“· Weather-based icon display (clear, rain, snow, clouds, etc.)

πŸ› οΈ Tech Stack

  • HTML5, CSS3
  • Vanilla JavaScript
  • OpenWeatherMap API

πŸš€ How to Use

  1. Clone the repository: https://github.com/Abhishek6172/WeatherNow-A-Simple-Weather-Forecast-Web-App.git

  2. Open index.html in your browser.

  3. Enter a city name and get live weather data instantly.

πŸ” Note: Replace the default API key in proj1.js with your own from OpenWeatherMap if needed.

πŸ“ Folder Structure

WeatherNow/ β”œβ”€β”€ index.html β”œβ”€β”€ proj1.css β”œβ”€β”€ proj1.js β”œβ”€β”€ /images β”‚ β”œβ”€β”€ search.png β”‚ β”œβ”€β”€ clear.png β”‚ β”œβ”€β”€ clouds.png β”‚ β”œβ”€β”€ drizzle.png β”‚ β”œβ”€β”€ rain.png β”‚ β”œβ”€β”€ mist.png β”‚ β”œβ”€β”€ snow.png β”‚ β”œβ”€β”€ humidity.png β”‚ └── wind.png

About

Real-time weather updates for any Indian city using the OpenWeatherMap API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published