Skip to content

The Weather Report is a modern, responsive web application designed to provide users with real-time weather information for any city worldwide. Users can enter a city name to fetch current weather data , including temperature, humidity, wind speed, and weather conditions from the WeatherAPI.

License

Notifications You must be signed in to change notification settings

vishwaswami24/WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather Report

A sleek and responsive weather application that provides current weather data, forecasts, and weather updates using the WeatherAPI. This app allows users to enter a city name and retrieve real-time weather information including temperature, humidity, wind speed, and weather conditions.

🚀 Features

  • 🌍 Real-time Weather Data: Fetch current weather information by entering a city name.
  • 🧭 Detailed Weather Info: Displays temperature (in Celsius), weather description, humidity percentage, and wind speed (in mph).
  • 🎨 Responsive and Modern UI: Clean, user-friendly interface with a blurred background overlay for better readability.
  • ⚠️ Error Handling: Alerts for invalid city names or network issues.

🛠️ Installation

  1. Clone or download the repository to your local machine.
  2. Ensure you have a modern web browser (e.g., Chrome, Firefox, Safari).
  3. Open index.html in your browser to run the application.

No additional installations or dependencies are required beyond a web browser.

📖 Usage

  1. Open index.html in your web browser.
  2. Enter the name of a city in the input field (e.g., "London").
  3. Click the "Get Weather" button.
  4. View the weather data displayed below, including location, temperature, condition, humidity, and wind speed.

📸 Screenshots

Recording2025-10-21205536-ezgif com-video-to-gif-converter

🔑 API Key Setup

This application uses the WeatherAPI to fetch weather data. To use the app:

  1. Sign up for a free account at WeatherAPI.
  2. Obtain your API key from the dashboard.
  3. Open app.js and replace the placeholder API key (9b52611e39e440108fe151110251405) with your own key in the URL string.

Note: Keep your API key secure and do not share it publicly. The free tier allows up to 1 million calls per month.

🛠️ Built With

  • HTML5: For the structure and layout of the web page.
  • CSS3: For styling, including responsive design and background effects.
  • JavaScript: For handling user interactions and API requests.
  • WeatherAPI: External API for retrieving weather data.

🤝 Contributing

Contributions are welcome! If you'd like to improve the app, add features, or fix bugs:

  1. Fork the repository.
  2. Create a new branch for your changes.
  3. Make your modifications.
  4. Test thoroughly.
  5. Submit a pull request with a description of your changes.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

The Weather Report is a modern, responsive web application designed to provide users with real-time weather information for any city worldwide. Users can enter a city name to fetch current weather data , including temperature, humidity, wind speed, and weather conditions from the WeatherAPI.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published