Welcome to the Weather Website, a web application that allows users to check the current weather and forecast for various locations. With a clean and intuitive interface, users can easily search for a specific location and obtain detailed weather information.
- Weather Search: Enter the name of a city or location to retrieve the current weather conditions.
- Forecast Display: View the weather forecast for the next few days, including temperature, humidity, wind speed, and weather description.
A live demo of the game is available here.
The Weather Website provides real-time weather data by utilizing an API to fetch weather information for the requested location. Users can simply type in the name of a city or location in the search bar, and the website will retrieve and display the current weather conditions along with a forecast for the upcoming days.
- Front-end: HTML, CSS, JavaScript
- Weather API: OpenWeatherMap
![Screenshot 2023-06-14 at 10 55 09 PM](https://private-user-images.githubusercontent.com/79255053/245884274-f84481e6-250f-4356-b181-1858ba0b48c8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg2NTYwNTgsIm5iZiI6MTcxODY1NTc1OCwicGF0aCI6Ii83OTI1NTA1My8yNDU4ODQyNzQtZjg0NDgxZTYtMjUwZi00MzU2LWIxODEtMTg1OGJhMGI0OGM4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE3VDIwMjIzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEyNzVhZDlmNTUyMjc5OTE2YTIzZjZkODc4MjM1NDkzY2FhN2YwODM5Y2Q4Yjg3Mzg2Y2NmZGRiZjFhMjA0MWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.53tTxDdvXc760EEXz1cAb-OyQFYy5azEhWmvPxyoDpw)
![Screenshot 2023-06-14 at 10 55 40 PM](https://private-user-images.githubusercontent.com/79255053/245884453-15f492d5-321b-48e5-a8d6-9af8f78a7537.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg2NTYwNTgsIm5iZiI6MTcxODY1NTc1OCwicGF0aCI6Ii83OTI1NTA1My8yNDU4ODQ0NTMtMTVmNDkyZDUtMzIxYi00OGU1LWE4ZDYtOWFmOGY3OGE3NTM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE3VDIwMjIzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwZWQ4M2MxYWM0YjU3NTJmMmU2NjJjMjE3Yjc1MTQ4ODg2M2Q1OTAzMjgwYTdjNTFiZWEyYjBmOTY0ZDE1OTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.1B0AmV5UaR8pwBKH7Az05pOSOOApFeIg9gZvk61ayss)
To run the Weather Website locally, follow these steps:
- Clone the repository:
git clone https://github.com/Aryan-Patil/Weather_website.git
- Open the project directory in your preferred code editor.
- Open
index.html
in a web browser. - Start searching for weather by entering a location in the search bar.