Welcome to the Weather App! This web application allows users to check the weather forecast for various cities around the world.
You can access the live demo of the application here.
- Search Functionality: Users can search for cities to view the current weather conditions and a 4-day forecast.
- Autocomplete Suggestions: The search input field provides autocomplete suggestions based on the user's input, making it easier to find cities.
- Dynamic Weather Display: The app dynamically fetches weather data from the OpenWeatherMap API and updates the display with the latest information.
- Responsive Design: The app is designed to work well on different screen sizes, making it accessible on both desktop and mobile devices.
- HTML: Markup language used to structure the web page.
- CSS: Styling language used to design the layout and appearance of the app.
- JavaScript: Programming language used to implement interactive features and fetch data from APIs.
- OpenWeatherMap API: External API used to retrieve weather data for cities.
- Autocomplete Feature: Implemented using JavaScript to enhance user experience during city search.
- Clone the repository to your local machine.
- Open the
index.html
file in your web browser. - Enter the name of the city you want to check the weather for in the search bar.
- Select the desired city from the autocomplete suggestions or press Enter to search.
- View the current weather conditions and the 4-day forecast for the selected city.
- Weather data provided by OpenWeatherMap API.
- Weather icons sourced from Flaticon.
This project is licensed under the MIT License - see the LICENSE file for details.