A simple and responsive weather application built with HTML, CSS, and JavaScript that allows users to check real-time weather information for any city using the WeatherAPI.
The Weather App:
Accepts a city name as user input
Fetches real-time weather data using an external API
City and country
Current temperature (°C)
Weather condition (e.g., cloudy, sunny)
Great beginner project for learning API integration
Demonstrates use of Fetch API and JSON parsing
Shows how to build a clean and responsive UI with CSS
Can be extended with more features like forecasts, icons, or location detection
🚀 Getting Started Prerequisites
A modern web browser (Chrome, Firefox, Edge, etc.)
Internet connection (to fetch weather data)
Clone the repository:
git clone https://github.com/your-username/weather-app.git
Navigate to the project folder:
cd weather-app
Open index.html in your browser.
This project uses WeatherAPI.
Sign up at weatherapi.com
Get your free API key
Replace the API key in the JavaScript code:
const apiKey = "YOUR_API_KEY_HERE";
HTML5
CSS3
JavaScript (ES6)
WeatherAPI
📂 Project Structure weather-app/ │ ├── index.html └── README.md
🆘 Where to Get Help
If you run into issues:
Check the browser console for errors
Verify your API key is valid
Ensure the city name is spelled correctly
You can also open an Issue in the repository for help.
👤 Maintainer & Contributions
Maintained by [Annu kumar]
Contributions are welcome! If you’d like to improve this project:
Fork the repository
Create a new branch
Submit a pull request
⭐ Acknowledgments
Weather data provided by WeatherAPI
UI inspired by simple modern weather apps
Linked in: www.linkedin.com/in/annu-kumar-9242973a4 mob no:+91 8317542922