vsbuidev / weather-app

Weather Forecast Web App

Overview

This is a simple web app created using HTML5, CSS3 and JavaScript. It allows users to check the weather forecast for a specific city. It fetches real-time weather data from the OpenWeatherMap API and displays essential information such as temperature, description, wind speed, and humidity.

Features

• User-friendly interface with a responsive design.
• Input form to enter the city name for weather forecasting.
• Display of temperature, weather description, wind speed, and humidity.
• Utilizes Font Awesome for icons and OpenWeatherMap API for weather data.
• Icons change based on weather conditions.

Demo

To see a live demo, Check Demo.

How to Use

1. Clone the repository: git clone https://github.com/vsbuidev/weather-app.git

2. Open the index.html file in a web browser.

3. Enter the desired city in the input field and click the "Search" button to get the weather forecast.

Dependencies

• Font Awesome - For icons.
• OpenWeatherMap API - For real-time weather data.

Configuration

Before running the app, make sure to replace 'YOUR_API_KEY' in the JavaScript code with your actual OpenWeatherMap API key.

// Replace 'YOUR_API_KEY' with your OpenWeatherMap API key eg: const apiKey = 'YOUR_API_KEY';

Contributing

If you'd like to contribute to this project, please follow these guidelines:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/new-feature.
3. Make your changes and commit them: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature/new-feature.
5. Submit a pull request.

License

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