🌤️ MeteoApp

Your stylish, dynamic weather forecast web app

🌐 Languages / Idiomas

🇺🇸 English

🎯 Welcome to MeteoApp – your stylish, dynamic weather forecast app.

🔗 Live Demo

🚀 Features

• 📍 Auto geolocation or manual city search
• 🌈 Weather-based animations (sun, fog, snow, rain…)
• 🌙 Dynamic day/night themes based on time and location
• 🌬️ Detailed data: temperature, humidity, wind, pressure…
• 📱 Responsive, minimalist design
• ♿️ Accessibility: keyboard nav, color contrast, screen readers
• ⚡️ Performance optimized with React Hooks and lightweight loading

🇪🇸 Español

🎯 Bienvenido a MeteoApp, tu app meteorológica con estilo y dinámica.

🔗 Demo en vivo

🚀 Funcionalidades

• 📍 Geolocalización automática o búsqueda manual
• 🌈 Animaciones según el clima (sol, niebla, nieve, lluvia…)
• 🌙 Modos día/noche según la hora y ubicación
• 🌬️ Datos detallados: temperatura, humedad, viento, presión…
• 📱 Diseño responsive y minimalista
• ♿️ Accesibilidad: navegación por teclado, contraste de color, lectores de pantalla
• ⚡️ Optimizado con React Hooks y carga ligera

🇨🇦 Català

🎯 Benvingut a MeteoApp, la teva aplicació meteorològica amb estil i dinàmica.

🔗 Demostració en viu

🚀 Funcionalitats

• 📍 Geolocalització automàtica o cerca manual
• 🌈 Animacions segons el clima (sol, boira, neu, pluja…)
• 🌙 Modes dia/nit segons l’hora i la ubicació
• 🌬️ Dades detallades: temperatura, humitat, vent, pressió…
• 📱 Disseny responsive i minimalista
• ♿️ Accessibilitat: navegació amb teclat, contrast de colors, lectors de pantalla
• ⚡️ Optimitzat amb React Hooks i càrrega lleugera

🇮🇹 Italiano

🎯 Benvenuto su MeteoApp – la tua app meteo elegante e dinamica.

🔗 Demo online

🚀 Funzionalità

• 📍 Geolocalizzazione automatica o ricerca manuale
• 🌈 Animazioni meteo (sole, nebbia, neve, pioggia…)
• 🌙 Modalità giorno/notte dinamiche in base all’ora e alla posizione
• 🌬️ Dati dettagliati: temperatura, umidità, vento, pressione…
• 📱 Design responsive e minimalista
• ♿️ Accessibilità: tastiera, contrasto colori, screen reader
• ⚡️ Ottimizzata con React Hooks e caricamento leggero

🇩🇪 Deutsch

🎯 Willkommen bei MeteoApp – deine stilvolle, dynamische Wetter-App.

🔗 Live-Demo

🚀 Funktionen

• 📍 Automatische Geolokalisierung oder manuelle Stadtsuche
• 🌈 Wetterbasierte Animationen (Sonne, Nebel, Schnee, Regen…)
• 🌙 Dynamische Tag-/Nachtmodi basierend auf Uhrzeit und Standort
• 🌬️ Detaillierte Wetterdaten: Temperatur, Luftfeuchtigkeit, Wind, Druck…
• 📱 Responsives, minimalistisches Design
• ♿️ Barrierefreiheit: Tastatur-Navigation, Kontrast, Screenreader
• ⚡️ Optimiert mit React Hooks und schnellem Laden

🇷🇸 Srpski (latinica)

🎯 Dobrodošli na MeteoApp – vašu elegantnu i dinamičnu vremensku aplikaciju.

🔗 Uživo demo

🚀 Funkcionalnosti

• 📍 Automatska geolokacija ili ručno pretraživanje gradova
• 🌈 Animacije po vremenu (sunce, magla, sneg, kiša…)
• 🌙 Dinamičan dan/noć režim po vremenu i lokaciji
• 🌬️ Detaljni podaci: temperatura, vlažnost, vetar, pritisak…
• 📱 Responsivan i minimalistički dizajn
• ♿️ Pristupačnost: tastatura, kontrast, čitači ekrana
• ⚡️ Optimizovano sa React Hookovima i laganim učitavanjem

🇭🇺 Magyar

🎯 Üdvözöl a MeteoApp – a stílusos és dinamikus időjárás app.

🔗 Élő demó

🚀 Funkciók

• 📍 Automatikus helymeghatározás vagy manuális városkeresés
• 🌈 Időjárás-animációk (nap, köd, hó, eső…)
• 🌙 Dinamikus nappal/éjszaka mód az idő és hely alapján
• 🌬️ Részletes adatok: hőmérséklet, páratartalom, szél, nyomás…
• 📱 Reszponzív, minimalista dizájn
• ♿️ Akadálymentesítés: billentyűzet, kontraszt, képernyőolvasók
• ⚡️ React Hookokkal optimalizálva és gyors betöltéssel

🌍 Live Demo

🔗 View deployed app

🚀 Features

• 📍 Auto geolocation or manual city search
• 🌈 Weather-based animations (sun, moon, fog, rain, snow...)
• 🌙 Dynamic day/night mode based on time and location
• 🌬️ Detailed info: temperature, humidity, wind, pressure, etc.
• 📱 Responsive, modern, minimalist design
• ♿️ Accessibility: keyboard nav, color contrast, screen readers
• ⚡️ Performance optimized with useMemo, useEffect, and lightweight loading.

🧰 Tech Stack

Technology	Description
⚛️ React	Main UI framework
💨 Tailwind CSS	Utility-first styling
🔄 React Hooks	State/effects management
🌐 OpenWeather	Real-time weather API
⚡ Vite	Fast bundler for development
🧪 Axios	HTTP client for backend calls
☁️ Vercel	Serverless functions hosting
🖼️ SVG/CSS	Dynamic weather animations

📌 Future Improvements

• 📅 Extended multi-day forecast.
• 📲 PWA (installable on mobile).
• 🌀 WebGL or Three.js animations.

📬 Contact

Got questions, suggestions, or ideas?

• 🐙 GitHub: @sanyimo
• 

🙌 Credits

• 👨‍💻 Dev & Design: Sandor Benarik
• 🌐 Weather data: OpenWeather

Thank you for visit! 💫