Deployment GitHub WeatherApp
Deployment Netlify WeatherApp
![weatherapp1](https://private-user-images.githubusercontent.com/74396889/268630023-482a058a-8b20-4bed-9271-9cf65ba267ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc5MTc5OTgsIm5iZiI6MTcxNzkxNzY5OCwicGF0aCI6Ii83NDM5Njg4OS8yNjg2MzAwMjMtNDgyYTA1OGEtOGIyMC00YmVkLTkyNzEtOWNmNjViYTI2N2VhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjA5VDA3MjEzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZhY2Y2YjA2ZWQxODBiMWZjZjQyMWEwOWU1OTA3NjQxYzUyOWM3Mzk1MGNlYjVkODBmOTFjZjc0ZTgwOTU1MzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.I_ZmVoMTuQXNerF9ALkeAYQhPAIIRPPFJroZ7oUJXEc)
![weatherapp2](https://private-user-images.githubusercontent.com/74396889/268630007-3ef40cfd-f0ed-4ea8-8d85-1824a01e8a56.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc5MTc5OTgsIm5iZiI6MTcxNzkxNzY5OCwicGF0aCI6Ii83NDM5Njg4OS8yNjg2MzAwMDctM2VmNDBjZmQtZjBlZC00ZWE4LThkODUtMTgyNGEwMWU4YTU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjA5VDA3MjEzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ5N2I5NzAxYzk0ZjViMWM2N2QwNDRiY2U5ZWU0MTY3MTdiZjgyNjZmMDYwM2Q3NTc0MGNjY2VmNTgyN2NjNTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AkcQHYdAxrDYIWo-batSLq8sbHNPdbtAE4VC_wSMm20)
![weatherapp3](https://private-user-images.githubusercontent.com/74396889/268629987-8cb70919-c466-4110-9068-63e373ca97f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTc5MTc5OTgsIm5iZiI6MTcxNzkxNzY5OCwicGF0aCI6Ii83NDM5Njg4OS8yNjg2Mjk5ODctOGNiNzA5MTktYzQ2Ni00MTEwLTkwNjgtNjNlMzczY2E5N2Y5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjA5VDA3MjEzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk5YWI4ZThiYjk3MjkwNzA3NDRiMjYzZTQzNTY0MTdlZDEwMmVlYTA4MjQwZTM0ZTBhM2NmZTkwNTY4Y2ZhYjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AD0uVFcFzGzPPvXgAWDPqTkBuHIQcyZKOQrRaLlRAr4)
The Weather App is a responsive web application that provides real-time weather information and forecasts for locations worldwide. It offers a user-friendly interface with features like a powerful search bar, interactive maps, and detailed weather data.
-
Location Search: Easily find weather information for any location by entering its name in the search bar.
-
Interactive Map: The map provides an intuitive way to visualize the weather conditions of the searched location with a marker.
-
Current Weather: Get real-time temperature, humidity, and wind speed data for the selected location.
-
Hourly Forecast: View hourly weather updates, including temperature changes, throughout the day.
-
7-Day Forecast: Plan ahead with a 7-day weather forecast that includes max and min temperatures, weather conditions, and date information.
-
Responsive Design: The app is designed to adapt to various screen sizes, ensuring a seamless experience on mobile devices, tablets, and desktops.
-
Dynamic Background: The background changes based on current weather conditions, providing a visually engaging experience.
-
Clone this repository:
-
Open the
index.html
file in your web browser. -
Use the search bar to look up weather information for your desired location.
-
Explore the interactive map, hourly updates, and 7-day forecast.
- HTML5
- CSS3
- JavaScript
- Bootstrap (v4)
- Leaflet.js
- Open Meteo Weather API
- GeoCoding API
- Weather data provided by Open Meteo Weather API.
- Map functionality powered by Leaflet.js.
- Icons from Icons8.
This project is licensed under the MIT License - see the LICENSE file for details.
Special thanks to the open-source community for their valuable contributions and support.
Feel free to contribute, report issues, or suggest improvements by creating an issue or pull request.
For any questions or feedback, please contact Abinash Anand.