A web-based weather application that displays real-time weather information for any given city.
Features:
Real-time Weather:
Displays current weather conditions, including temperature, humidity, wind speed, and weather icon.
5-Day Forecast:
Provides a 5-day forecast with temperature, wind speed, humidity, and weather icon for each day.
Location-Based Weather:
Automatically fetches weather information based on the user's current location.
City Search:
Allows users to search for weather information by city name.
Recent Cities:
Stores and displays a list of recently searched cities for quick access.
Technologies Used:
HTML: For structuring the web page.
CSS: For styling the user interface.
JavaScript: For implementing the application's logic, including API calls, DOM manipulation, and local storage.
OpenWeatherMap API: For fetching weather data.
How to Use:
Search by City Name:
Enter a city name in the search bar.
Click the "Search" button.
Use Current Location:
Click the "Location" button.
View Recent Cities:
Click the input field to display a dropdown list of recent cities.
Select a city from the list.
Future Improvements:
Dark Mode:
Implement a dark mode option for better night-time viewing.
Additional Weather Data:
Include additional weather information like pressure, visibility, and UV index.
Offline Functionality:
Allow users to access recent weather data offline