⛅ Colorful Weather App

A simple weather forecast application that detects your location, displays the current weather, 5-day and 24-hour forecast, and lets you customize the color theme.

---

✨ Features

• Geolocation

  • detects your current position using the browser’s geolocation API

• Weather Data

  • powered by Open-Meteo API
  • current conditions, 5-day forecast, 24-hour hourly forecast

• Dynamic Backgrounds

  • background images and classes change based on weather code & time of day (day/night)

• Custom Colors

  • users can select a primary color with a color picker
  • complementary text/background colors adjust automatically for readability
  • settings are saved to localStorage

• Responsive Design

  • optimized for mobile, desktop, and even watch-like screens

• Extras

  • smooth scrolling forecast lists with arrow buttons
  • animated icons (sun, clouds, rain, snow, storm, fog)

---

🛠️ Built With

• HTML5
• CSS3 / SCSS Variables (dynamic theming, responsiveness, animations)
• Vanilla JavaScript (geolocation, API fetch, rendering UI)
• Font Awesome (icons)

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/Alena0490/[REPOSITORY-NAME].git
   

📂 Project Structure

📁 project-root ┣ 📁 img/ # weather background images, icons ┣ 📄 index.html # main HTML ┣ 📄 style.css # CSS styles ┣ 📄 script.js # JS logic (API calls, rendering, theming) ┣ 📄 site.webmanifest # PWA metadata ┗ 📄 favicon / icons # favicons for browsers and mobile

🌍 Live Demo

👉 alena-pumprova.cz/weather (or GitHub Pages link)

📬 Contact

✉️ Email: mailto:alenapumprova@seznam.cz

💼 LinkedIn: linkedin.com/in/alena-pumprová

🐱 GitHub: github.com/Alena0490