A simple, responsive, and interactive Weather Application that displays real-time weather information for any city around the world.
Built using HTML, CSS, and JavaScript, with live data fetched from the OpenWeatherMap API.
- 🌦️ Real-time weather updates using OpenWeatherMap API
- 🔍 Search weather by city name
- 🌡️ Displays temperature, humidity, wind speed, and weather conditions
- 🎨 Simple and modern UI
- 📱 Fully responsive and lightweight frontend
- HTML5 — structure and layout
- CSS3 — design, responsiveness, and animations
- JavaScript (ES6) — API calls and dynamic updates
- OpenWeatherMap API — real-time weather data
- GitHub Pages — live hosting
To view or modify this project on your system:
# Clone this repository
git clone https://github.com/pansareprajwal/Weather-App
# Navigate to the project folder
cd Weather-AppNow open the project:
index.html
💡 Tip: You can use Live Server in VS Code for a smoother local preview.
This app uses the OpenWeatherMap API to fetch live weather data.
Follow these simple steps to get your API key:
- Go to https://openweathermap.org/api
- Sign up for a free account
- Navigate to the API keys section in your profile
- Copy your personal API key
- Open the
script.jsfile in your project folder - Replace the placeholder value with your API key:
const apiKey = "YOUR_API_KEY_HERE";Save the file and reload the app — you’re ready to go! 🌤️
If you'd like to connect or collaborate, feel free to reach out!
- Name: Prajwal Pansare
- GitHub: @prajwalpansare
- Email: [pansareprajwal2004@gmail.com]
