This is a simple Weather App created using HTML, CSS, and JavaScript. It allows users to check the current weather conditions for a specific location.
Link to the Website: Weather-App
- Current Weather: Get real-time information about the weather conditions, including temperature, humidity, wind speed, and weather status.
- Location Search: Search for weather information by entering a location name.
- Responsive Design: The app is responsive and works well on different devices, including desktops, tablets, and mobile phones.
To get started with the Weather App, follow these steps:
- Clone the repository:
git clone https://github.com/MShazim/weather-app.git - Open the project directory.
- Launch the app by opening the
index.htmlfile in a web browser.
- Enter a location name in the search bar and press Enter or click the search button.
- The current weather information will be displayed, including temperature, humidity, wind speed, and weather status.
- To search for another location, simply enter a new location in the search bar.
- HTML: Used for the structure and layout of the app.
- CSS: Used for styling the app and making it visually appealing.
- JavaScript: Used for fetching weather data from an API and dynamically updating the UI.
This Weather App utilizes the following APIs:
- OpenWeatherMap API: Used to fetch weather data for a specific location. You will need to sign up on the OpenWeatherMap website to obtain an API key.
To configure the app, you need to provide an API key from OpenWeatherMap. Follow these steps:
- Sign up on the OpenWeatherMap website to obtain an API key.
- Open the
script.jsfile. - Replace
'YOUR_API_KEY'with your actual API key obtained from OpenWeatherMap.
const apiKey = 'YOUR_API_KEY';Contributions are welcome! If you find any bugs or want to enhance the Weather App, please feel free to open issues or submit pull requests.
This project is licensed under the MIT License.
- Weather data provided by OpenWeatherMap.
- Icon made by Freepik from www.flaticon.com.