https://github.com/mahmoudsaeedua74/weather-app
Weather is a web application that displays the current weather for a city along with a 3-day forecast. Users can enter the city name to get real-time weather updates. Built with HTML, CSS, and JavaScript, it demonstrates API integration and dynamic data handling.
https://github.com/mahmoudsaeedua74/weather-app
api css-grid css3 html-css-javascript html5 javascript weather weather-api
Last synced: 7 months ago
JSON representation
Weather is a web application that displays the current weather for a city along with a 3-day forecast. Users can enter the city name to get real-time weather updates. Built with HTML, CSS, and JavaScript, it demonstrates API integration and dynamic data handling.
- Host: GitHub
- URL: https://github.com/mahmoudsaeedua74/weather-app
- Owner: mahmoudsaeedua74
- Created: 2024-11-26T00:14:27.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-11-26T01:05:41.000Z (11 months ago)
- Last Synced: 2025-01-31T14:43:41.493Z (9 months ago)
- Topics: api, css-grid, css3, html-css-javascript, html5, javascript, weather, weather-api
- Language: HTML
- Homepage: https://mahmoudsaeedua74.github.io/weather-app/
- Size: 1.51 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
A weather app that shows the current weather for a specific city along with a 3-day forecast. Users can input a city name and get real-time weather data. Built with HTML, CSS, JavaScript, and an external WeatherAPI.
## Features:
- Display current weather conditions.
- Show a 3-day weather forecast.
- Search by city name.
## Technologies Used:
- HTML
- CSS
- JavaScript
- WeatherAPI
## API:
This app uses the **[WeatherAPI](https://www.weatherapi.com/)** to fetch real-time weather data. You will need to sign up for an API key from WeatherAPI and replace the placeholder in the app with your own key.
### How to Set Up the API:
1. Go to [WeatherAPI](https://www.weatherapi.com/).
2. Sign up and get your **API Key**.
3. In your project, open the `js/main.js` (or wherever the API call is made).
4. Replace the placeholder `YOUR_API_KEY_HERE` with your actual API key.
## Setup Instructions:
1. Clone the repository:
```bash
git clone https://github.com/your-username/weather-app.git