A simple weather forecast web application that displays current and 3-day weather information for any city using the WeatherAPI.
- Search for weather by city name
- Displays current temperature, condition, wind speed, and humidity
- Shows 3-day forecast with icons and temperature details
- Responsive design using Bootstrap
- FontAwesome icons for weather and social media
index.html
css/
all.min.css
bootstrap.min.css
style.css
imgs/
... (weather icons and images)
js/
app.js
bootstrap.bundle.min.js
webfonts/
... (FontAwesome fonts)
- Clone or download the repository.
- Open
index.htmlin your browser. - Search for any city to view its weather forecast.
- The app uses WeatherAPI. The API key is set in
js/app.jsasAPI_KEY. - To use your own API key, replace the value of
API_KEYinjs/app.js.
- Bootstrap (CSS & JS)
- FontAwesome (icons)
- WeatherAPI (weather data)
- Styles can be modified in
css/style.css. - Weather display logic is in
js/app.js.