Weather Website

This is a weather website built using HTML, CSS, and JavaScript, and utilizes the OpenWeather API to display real-time weather information.

Features

• Users can search for a location or Grant your Location Access and get the current weather information including temperature, humidity, wind speed, and weather description.
• The website displays weather information using icons and images that make it easy for users to understand
• Shows temperature in Celsius

APIs Use

• OpenWeather API - Used to fetch weather data for the searched city

Technologies used

• HTML
• CSS
• JavaScript
• OpenWeather API

Prerequisites

• A web browser that supports HTML, CSS, and JavaScript.
• An API key from OpenWeatherMap. You can sign up for a free account and generate an API key here.

Getting Started

1. Clone the repository to your local machine using Git or download the zip file and extract the contents to your desired location.
2. Navigate to the project directory and open the index.html file in your web browser.
3. Enter the name of the city for which you want to view the weather information in the search bar.
4. Click on the "Get Weather" button to fetch the weather information for the entered city.
5. The current weather information will be displayed on the screen along with the five-day weather forecast.

Preview

Usage

Enter the name of the city you want to search for in the search bar and press the Enter key or click the search button. The current weather data for the city will be displayed on the page.

You can also get Weather data by Grant Access to your Location.

Credits

The weather website was created by Raviraj Kumar. The following resources were used in its creation:

• OpenWeather API
• Google Fonts
• Icons8