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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/vigneshkumarm2002/weather-website.git cd weather-website
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.
Weather data provided by OpenWeatherMap. The icons used in the project are from Material Icons.