KlimaPH is a responsive and lightweight weather web app built using HTML, CSS, and JavaScript.
It shows the current weather conditions based on your location or through city search with real-time suggestions.
You can run it locally or deploy it on GitHub Pages β no backend or database needed.
- π Auto-location detection with permission
- π Search bar with autocomplete suggestions
- π Shows current:
- Temperature
- Humidity
- Weather condition
- Wind speed
- Feels-like temperature
- π± Fully responsive for mobile and desktop
- π¨ Clean blue and white-blue UI
- π¬ Contact section with email button
- ποΈ Footer credit: "Designed by Khert Garde Β© 2025"
- π¦ Clone or download this repository
- π Open the
index.htmlfile in any modern browser - β Allow location access when prompted (optional)
- π Type a city name and choose from the suggestions
KlimaPH - KlimaPH
- β A modern browser (Chrome, Firefox, Edge, etc.)
- π Active internet connection
- π A WeatherAPI key (already included for this version)
HTMLCSSVanilla JavaScript- WeatherAPI.com β for weather data & city lookup
This project is open for educational and personal use only.
Crafted with care by Khert Garde, 2025.