Skip to content

A simple, responsive weather forecasting web application built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API. Just enter the name of a city and get real-time weather updates including temperature, condition, humidity, and wind speed.

Notifications You must be signed in to change notification settings

SreeEswaran/Weather-Forecasting

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌀️ Weather Forecasting Web App

A simple, responsive weather forecasting web application built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API. Just enter the name of a city and get real-time weather updates including temperature, condition, humidity, and wind speed.


✨ Features

  • πŸ”Ž Search weather by city name
  • 🌑️ View current temperature, condition, humidity, and wind
  • 🎨 Clean and responsive UI
  • 🌐 Real-time data from OpenWeatherMap

πŸš€ Getting Started

1. Clone the Repository

git clone https://github.com/SreeEswaran/weather-forecasting.git
cd weather-forecasting

2. Get OpenWeatherMap API Key

  • To fetch real-time weather data, you need an API key from OpenWeatherMap.

πŸ”‘ How to Get the API Key:

  • Go to https://openweathermap.org/api
  • Sign up for a free account
  • Once logged in, navigate to the API Keys section under your profile
  • Copy your default API key or generate a new one

βš™οΈ Add Your API Key to the Project

  • Open the file script.js
  • Locate the following line:
const apiKey = "YOUR_API_KEY";

Replace "YOUR_API_KEY" with your actual API key:

const apiKey = "your_actual_api_key_here";

⚠️ Important: The app won't work without a valid API key. Make sure you replace the placeholder with your real key.

πŸ”§ Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • OpenWeatherMap API

πŸ“œ License This project is licensed under the MIT License.

πŸ‘€ Author Made with πŸ’™ by Sree Deekshitha Yerra

Let me know if you also want:
- Deployment instructions for **GitHub Pages** or **Netlify** or **Vercel**
- A `LICENSE` file
- A demo GIF

Happy coding! ☁️

About

A simple, responsive weather forecasting web application built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API. Just enter the name of a city and get real-time weather updates including temperature, condition, humidity, and wind speed.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published