https://github.com/iyousefibrahim/weather-app
Weather App is a simple web application that allows users to check the weather forecast for their location or any specified location.
https://github.com/iyousefibrahim/weather-app
api bootstrap css3 es6 html javascript
Last synced: 4 months ago
JSON representation
Weather App is a simple web application that allows users to check the weather forecast for their location or any specified location.
- Host: GitHub
- URL: https://github.com/iyousefibrahim/weather-app
- Owner: iyousefibrahim
- Created: 2024-06-18T22:14:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-09T10:20:21.000Z (almost 2 years ago)
- Last Synced: 2025-05-18T22:13:49.842Z (about 1 year ago)
- Topics: api, bootstrap, css3, es6, html, javascript
- Language: HTML
- Homepage: https://iyousefibrahim.github.io/Weather-App/
- Size: 2.48 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
Weather App is a simple web application that allows users to check the weather forecast for their location or any specified location.
## Features
- **Current Weather Display:** Shows the current weather details including temperature, weather condition, humidity, wind speed, and direction.
- **3-Day Forecast:** Displays the weather forecast for the next three days with maximum and minimum temperatures and weather condition.
- **Location-Based Weather:** Automatically fetches weather data based on the user's IP address or allows manual input for location.
- **Subscription:** Allows users to subscribe for weather updates via email.
## Technologies Used
- **HTML:** Structure of the web pages.
- **CSS:** Styling for layout and design.
- **JavaScript:** Fetches weather data from the Weather API, handles user interactions, and dynamically updates the UI.
- **Bootstrap:** CSS framework for responsive design and components.
- **Font Awesome:** Provides icons for user interface elements.
- **Google Fonts:** Custom fonts used for typography.
## Usage
1. **Home:** View the current weather and forecast for your location or any location of interest.
2. **News:** Stay updated with weather-related news and information.
3. **Live Cameras:** Access live camera feeds to see real-time weather conditions.
4. **Photos:** Explore weather-related photos from different locations.
5. **Contact:** Contact information for inquiries or support.
- Weather data provided by [Weather API](https://www.weatherapi.com/).