Description

The Weather Website is a web application that provides real-time weather information for cities around the world. It offers features such as geolocation-based weather data, a search bar to look up weather for specific cities, hourly forecasts, and more.

Features

• Geolocation: Automatically detects your location and provides weather information for your current city.
• Search City: Allows users to search for weather information for any city worldwide.
• Hourly Forecast: Displays a graphical representation of the hourly weather forecast.
• Responsive Design: Ensures a seamless experience on both desktop and mobile devices.

Technologies Used

• React: Frontend library for building user interfaces.
• OpenWeatherMap API: Provides weather data for cities.
• HTML and CSS: For structuring and styling the website.
• JavaScript: For client-side scripting.

Installation

1. Clone the repository:

   git clone https://github.com/vigneshkumarm2002/weather-website.git
   cd weather-website
   

Usage

Upon loading the website, it will attempt to access your geolocation to provide weather information for your current location. If geolocation is blocked, it will fetch data for a predefined city. Use the search bar to look up weather information for a specific city. Explore the hourly forecast section for detailed weather predictions.

Acknowledgements

Weather data provided by OpenWeatherMap. The icons used in the project are from Material Icons.