Skip to content

About

🌐 Dashboard del clima en tiempo real — HTML, CSS & JS vanilla, sin API key, con pronóstico a 5 días y geolocalización.

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

🌐 WeatherScope

Dashboard del clima en tiempo real — elegante, rápido y sin dependencias

Live Demo HTML Open-Meteo


WeatherScope Preview

Un dashboard del clima construido con HTML, CSS y JavaScript vanilla.
Sin frameworks, sin API key, datos reales en tiempo real.


🚀 Ver Demo en Vivo · 🐛 Reportar Bug · 💡 Solicitar Feature


✨ Características

Feature Descripción
🔍 Búsqueda global Busca cualquier ciudad del mundo por nombre
📍 Geolocalización Detecta tu ubicación automáticamente
🌡️ Clima en tiempo real Temperatura, sensación térmica, humedad, viento y más
📊 Gráfica de pronóstico Visualización de temperaturas máximas y mínimas a 5 días
📅 Forecast 5 días Cards con ícono, máx y mín por día
🔄 °C / °F Toggle instantáneo entre unidades
🕓 Historial Últimas 5 ciudades buscadas (guardado en localStorage)
🎨 Fondo dinámico Cambia según la condición del clima
⚡ Sin dependencias Solo HTML + CSS + JS vanilla

🖥️ Vista previa

Pantalla principal

Dashboard principal

Pronóstico a 5 días

Forecast demo


🌍 APIs utilizadas

Este proyecto usa APIs 100% gratuitas sin necesidad de API key ni registro:

API Uso Docs
Open-Meteo Datos del clima y pronóstico Documentación
Open-Meteo Geocoding Convertir nombre → coordenadas Documentación
Nominatim Geocoding inverso para geolocalización Documentación

Hecho con ❤️ y JavaScript vanilla

⭐ Si te gustó el proyecto, ¡dale una estrella!

About

🌐 Dashboard del clima en tiempo real — HTML, CSS & JS vanilla, sin API key, con pronóstico a 5 días y geolocalización.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages