Skip to content

This project is a responsive weather forecasting website that provides real-time weather information for any city around the globe. Built using HTML, CSS, and JavaScript, the website utilizes the WeatherAPI to fetch and display detailed weather data, including temperature, weather conditions, humidity, wind speed, pressure, visibility, and UV index

Notifications You must be signed in to change notification settings

himaanshuagrawal/wheather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecasting Website

Overview

This is a responsive weather forecasting website that allows users to search for and view real-time weather information for any city worldwide. Built with HTML, CSS, and JavaScript, this website fetches data from the WeatherAPI to display detailed weather metrics such as temperature, weather conditions, humidity, wind speed, pressure, visibility, and UV index.

Features

  • City-Based Search: Users can search for any city to get the latest weather information.
  • Real-Time Weather Data: Displays current weather conditions using data from the WeatherAPI.
  • Comprehensive Weather Details:
    • Temperature in Celsius
    • Weather condition with an appropriate icon (e.g., Sunny, Cloudy)
    • Humidity level
    • Wind speed in km/h
    • Atmospheric pressure in mb
    • Visibility in km
    • UV Index
  • Responsive Design: Optimized for both desktop and mobile devices, providing a seamless user experience.
  • Error Handling: Proper error messages for invalid city names or network issues.
  • Loading Indicator: Shows a loading message while fetching the data.

Technologies Used

  • HTML: Provides the structure for the webpage.
  • CSS: Styles the webpage with a modern design, including a gradient background and responsive layout.
  • JavaScript: Fetches weather data from the API and dynamically updates the content on the webpage.

How to Use

  1. Clone or download the repository:
    git clone https://github.com/your-username/weather-forecasting-website.git

About

This project is a responsive weather forecasting website that provides real-time weather information for any city around the globe. Built using HTML, CSS, and JavaScript, the website utilizes the WeatherAPI to fetch and display detailed weather data, including temperature, weather conditions, humidity, wind speed, pressure, visibility, and UV index

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published