WeatherApp is a web application that displays the weather for cities around the world. You can enter a city name in the input box or allow the app to automatically detect your location. The weather is presented with beautiful icons representing different weather conditions such as cloudy, mist, rain, smoke, thunder, snow, etc. The app utilizes the free weather API from OpenWeatherMap.
- City Weather: Enter a city name to view its weather.
- Location Detection: Automatically detects the user's location for weather information.
- Weather Icons: The app uses nice icons to represent different weather conditions.
- Responsive Design: The app is fully responsive and works well on different devices.
- Basic Animation: The app includes basic animations to enhance the user experience.
To use the WeatherApp, you need to obtain an API key from OpenWeatherMap. Follow these steps:
- Sign up for a free account at OpenWeatherMap.
- Once you have an account, generate an API key.
- Copy the API key.
- Open the
info.txtfile in the project and paste your API key there.
- Open the WeatherApp in a web browser.
- You will see an input box where you can enter the name of a city.
- Optionally, if you do not enter the city name , in 2 to 3 second it can get name of your city based on your location.
- Click the "Search" button to retrieve the weather information.
- The app will display the current weather conditions, including the temperature, humidity, wind speed, and a weather icon.
- You can enter a new city name to get the weather for a different location.
To run the WeatherApp locally, follow these steps:
- Clone the repository:
git clone https://github.com/pratiktank2002/whetherApp.git
- Open the project directory:
cd whetherApp - Open
index.htmlin a web browser.