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.
- 🌍 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.
- Clone or download the repository to your local machine.
- Ensure you have a modern web browser (e.g., Chrome, Firefox, Safari).
- Open index.htmlin your browser to run the application.
No additional installations or dependencies are required beyond a web browser.
- Open index.htmlin your web browser.
- Enter the name of a city in the input field (e.g., "London").
- Click the "Get Weather" button.
- View the weather data displayed below, including location, temperature, condition, humidity, and wind speed.
This application uses the WeatherAPI to fetch weather data. To use the app:
- Sign up for a free account at WeatherAPI.
- Obtain your API key from the dashboard.
- Open app.jsand 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.
- 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.
Contributions are welcome! If you'd like to improve the app, add features, or fix bugs:
- Fork the repository.
- Create a new branch for your changes.
- Make your modifications.
- Test thoroughly.
- Submit a pull request with a description of your changes.
This project is licensed under the MIT License - see the LICENSE file for details.
