https://github.com/aadisharma49/weather_site
Weather Site
https://github.com/aadisharma49/weather_site
github html-css-javascript
Last synced: about 2 months ago
JSON representation
Weather Site
- Host: GitHub
- URL: https://github.com/aadisharma49/weather_site
- Owner: AadiSharma49
- License: mit
- Created: 2024-10-16T20:49:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-17T13:29:03.000Z (over 1 year ago)
- Last Synced: 2025-04-01T23:31:03.141Z (about 1 year ago)
- Topics: github, html-css-javascript
- Language: JavaScript
- Homepage: https://aadisharma49.github.io/Weather_Site/
- Size: 12.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather_Site ⛅
## Overview
**Weather_Site** is a simple weather web application built using **HTML**, **CSS**, and **JavaScript**. This site allows users to get real-time weather information for any city or location by interacting with a user-friendly interface.
The site uses a weather API to fetch real-time data such as temperature, humidity, wind speed, and weather conditions. The user simply inputs their desired location, and the app will display the latest weather details.
## Features
- **Real-Time Weather Information**: Get up-to-date weather details for any city or region.
- **Simple and Intuitive UI**: Clean and easy-to-navigate design.
- **Responsive Design**: Works seamlessly on all screen sizes, including desktops, tablets, and mobile phones.
- **Dynamic Background**: The background changes based on the current weather conditions (e.g., sunny, cloudy, rainy).
## Technologies Used
- **HTML5**: Structure the webpage content.
- **CSS3**: Style the site with a focus on responsiveness and modern design.
- **JavaScript**: Handle user interaction and communicate with the weather API for real-time data.
- **Weather API**: Fetch real-time weather information from an external service (e.g., OpenWeatherMap API).
## Demo
You can see a live demo of the Weather_Site here: [Live Demo](https://aadisharma49.github.io/Weather_Site/)
## How It Works
1. **User Inputs**: The user can type the name of the city or location they want to get weather information for.
2. **API Call**: The site sends a request to a weather API to get the current weather data.
3. **Display Weather**: The weather data is displayed on the page, including:
- Temperature
- Weather condition (e.g., sunny, cloudy, rainy)
- Wind speed
- Humidity
4. **Dynamic Background**: The background changes dynamically based on the weather conditions (e.g., a sunny sky for clear weather, rain for rainy weather).
## Screenshots
*Example of the weather display for a city.*
## Usage
To use the Weather_Site, simply:
1. Open the webpage.
2. Enter the name of a city or location in the input box.
3. The site will display the current weather details for that location.
## License
This project is licensed under the MIT License - see the LICENSE file for details.