A sleek and interactive Weather App that provides real-time weather updates and a 5-day forecast for any city. Built with HTML, CSS, and JavaScript, this app fetches weather data from the OpenWeatherMap API and displays it in an easy-to-read format.
-
Current Weather Details: View essential weather information such as temperature, minimum and maximum temperature, wind speed, cloudiness, sunrise and sunset times, pressure, visibility, and UV index.
-
5-Day Forecast: Get a detailed 5-day weather forecast with daily temperature highs and lows, weather conditions, and icons representing the weather.
-
Responsive Design: Optimized for both desktop and mobile devices. The layout adapts to different screen sizes, ensuring a smooth user experience across all devices.
-
Google Maps Integration: View the location of the searched city on Google Maps embedded directly within the app.
-
Interactive Search: Easily search for any city’s weather by entering the city name in the search bar and clicking the search button.
-
Stylish UI: Modern and visually appealing user interface with a clean design, smooth transitions, and a user-friendly layout.
- HTML: Structuring the content of the web page.
- CSS: Styling and layout of the application, including responsive design.
- JavaScript: Handling user interactions, fetching weather data from the OpenWeatherMap API, and dynamically updating the UI.
-
Clone the Repository:
git clone https://github.com/mihirdas77/Weather-App.git
-
Navigate to the Project Directory:
cd weather-app -
Open
index.htmlin your preferred web browser to view the application. -
Enter a City Name in the search bar and click the "Search" button to get the current weather and 5-day forecast.
You can also view a live demo of the Weather App hosted here.
Feel free to contribute to the project by submitting issues or pull requests. If you have any suggestions or improvements, please let me know!