![image](https://private-user-images.githubusercontent.com/74403682/258581550-074b7103-6f51-4670-abb1-03be04810026.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2Nzg0NzQsIm5iZiI6MTcyNTY3ODE3NCwicGF0aCI6Ii83NDQwMzY4Mi8yNTg1ODE1NTAtMDc0YjcxMDMtNmY1MS00NjcwLWFiYjEtMDNiZTA0ODEwMDI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA3VDAzMDI1NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUyYmY2OTdiZmQxYWY0ZTcwZjMzYWYwZTZhMDE0MmYxMjUyNGRlZmU1MzhlZWU1MGI3NDY0YjEwNDhlZjM1MGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.oTWQ3DG3Cs2xh4YFuiI88XejFNLN_DJkWYw3GwMiAoM)
The Weather Forecast Web App is a simple and user-friendly application that provides weather information and a 3-day forecast for any location. The app fetches real-time weather data from the Weather API and displays it in a visually appealing manner.
- Display current weather data, including temperature, weather conditions, humidity, and wind speed.
- Show a 3-day weather forecast with maximum and minimum temperatures and weather descriptions.
- Ability to search for weather information for any city or location.
- Auto-detection of the user's current location (requires permission).
- HTML, CSS, JavaScript for the frontend
- Fetch API to interact with the Weather API
- Bootstrap for responsive design
- Clone the repository:
git clone https://github.com/your-username/weather-forecast-app.git
- Navigate to the project directory:
cd weather-forecast-app
- Open
index.html
in your web browser.
- Upon loading, the app will display the weather information for the default location (e.g., Cairo).
- To search for weather data for a specific city, type the city name in the search field and press Enter or click the "Search" button.
- If you allow location access, the app will display weather data for your current location.
The app uses the Weather API to fetch weather data. You will need to sign up and obtain an API key from the Weather API website (link-to-weather-api).
- Thanks to the Weather API for providing real-time weather data.
- Thanks to Route Academy ❤️
For any questions or feedback, please contact us at Omar82199@gmail.com.