Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mullaivenese03/weather-app
Welcome to my Weather App! This simple weather application, built with HTML, CSS, and JavaScript, fetches real-time weather data from an API. Users can check the current weather for any location, with dynamic background changes based on temperature.
https://github.com/mullaivenese03/weather-app
css3 html5 javascript
Last synced: 3 days ago
JSON representation
Welcome to my Weather App! This simple weather application, built with HTML, CSS, and JavaScript, fetches real-time weather data from an API. Users can check the current weather for any location, with dynamic background changes based on temperature.
- Host: GitHub
- URL: https://github.com/mullaivenese03/weather-app
- Owner: MullaiVenese03
- Created: 2024-04-28T11:13:51.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-28T09:49:42.000Z (4 months ago)
- Last Synced: 2024-11-17T06:13:13.798Z (2 months ago)
- Topics: css3, html5, javascript
- Language: JavaScript
- Homepage: https://mullaivenese03.github.io/Weather-App/
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Welcome to the Weather App repository! This project is a simple weather application built using HTML, CSS, and JavaScript. It fetches weather data from an API and provides the user with information about the current weather conditions.
## About
The Weather App allows users to check the current weather conditions of a specific location. It fetches weather data from a weather API and displays information such as temperature, humidity, wind speed, and weather description.
## Features
- User-friendly interface
- Dynamic background change based on temperature
- Real-time weather data fetching using a weather API
- Display of temperature, humidity, wind speed, and weather description
## Demo
[Live](https://mullaivenese03.github.io/Weather-App/)
## Getting Started
To use the Weather App, follow these steps:
1. Clone the repository to your local machine:
```bash
https://github.com/MullaiVenese03/Weather-App.git
```
2. Open the `index.html` file in your web browser to launch the Weather App.
3. Enter the name of the location you want to check the weather for in the input field.
4. Press the "Get Weather" button to fetch and display the weather information for the specified location.
## Usage
1. Enter the name of the location you want to check the weather for in the input field.
2. Press the "Get Weather" button to fetch and display the weather information for the specified location.
3. The background of the app changes dynamically based on the temperature to provide a visual representation of the weather conditions.
## Technologies Used
- HTML
- CSS
- JavaScript
- API I used(https://api.openweathermap.org/data/2.5/weather?q=Madurai&units=metric&APPID=4fd239414e1c53315dd1cb53ed561e60)
## Contributors
- [Mullai Venese](https://github.com/MullaiVenese03/)
## License
This project is licensed under the [🤍MullaiVenese](https://github.com/MullaiVenese03/).