Skip to content

archkhertdev/KlimaPH

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ KlimaPH

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.


🌐 Live Demo

You can run it locally or deploy it on GitHub Pages β€” no backend or database needed.


βœ… Features

  • πŸ“ 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"

πŸ“ How to Use (For Advanced Users

  1. πŸ“¦ Clone or download this repository
  2. 🌐 Open the index.html file in any modern browser
  3. βœ… Allow location access when prompted (optional)
  4. πŸ”Ž Type a city name and choose from the suggestions

πŸ“ For new users, click this link:

KlimaPH - KlimaPH


πŸ”§ Requirements

  • βœ… A modern browser (Chrome, Firefox, Edge, etc.)
  • 🌍 Active internet connection
  • πŸ”‘ A WeatherAPI key (already included for this version)

πŸ›  Built With

  • HTML
  • CSS
  • Vanilla JavaScript
  • WeatherAPI.com – for weather data & city lookup

πŸ“„ License

This project is open for educational and personal use only.
Crafted with care by Khert Garde, 2025.

About

KlimaPH a Weather Checker Website. Search Weather Conditions at Your City!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages