Volver al Inicio

Tu pronóstico, presentado con estilo.

MoGas Weather App

Una aplicación de clima moderna y elegante para condiciones en tiempo real y pronóstico de 5 días para cualquier ciudad del mundo. Búsqueda inteligente con autocompletado, consejos personalizados y diseño glassmorphism.

MoGas Weather App
JavaScriptHTML5CSS3Tailwind CSS

Stack Tecnológico

Tecnologías Principales

JavaScriptHTML5CSS3Tailwind CSS

Herramientas y Librerías

OpenWeatherAPIVite

El Clima en Tiempo Real de un Vistazo

La app detecta automáticamente tu ubicación al abrirse para mostrar el clima de tu ciudad al instante. Temperatura, sensación térmica, humedad, velocidad del viento y horarios de amanecer/atardecer están en primer plano. Un fondo animado dinámico cambia según las condiciones actuales — sol, nubes, lluvia.

Vista principal del clima mostrando temperatura actual, ciudad y condiciones
Todo lo que necesitas saber sobre el clima de hoy — en una sola vista.

Búsqueda Inteligente e Historial

La barra de búsqueda recuerda tus ciudades recientes y las sugiere mientras escribes — sin necesidad de volver a escribir la misma ubicación. Los resultados aparecen al instante, haciendo que sea rápido alternar entre ciudades que revisas frecuentemente.

Autocompletado de búsqueda con ciudades recientes y sección del pronóstico de 5 días
Pronóstico extendido de 5 días con temperaturas máx/mín y probabilidad de lluvia.

Consejos Meteorológicos Personalizados

Haz clic en 'Ver Consejos' y aparece un modal con recomendaciones adaptadas a tus condiciones actuales — qué ropa usar, si es seguro conducir, si debes llevar paraguas. Los consejos son completamente bilingües y reaccionan dinámicamente al clima detectado.

Vista móvil mostrando el diseño responsivo de la app
Completamente responsiva — funciona igual de bien en teléfono que en escritorio.

Funcionalidades Clave

  • Detección automática de ubicación al iniciar para precargar el clima local
  • Datos en tiempo real vía API de OpenWeatherMap
  • Pronóstico extendido de 5 días con temperaturas máximas y mínimas
  • Búsqueda inteligente con autocompletado e historial reciente
  • Modal de consejos meteorológicos personalizados
  • Interfaz glassmorphism con transiciones suaves
  • Completamente responsiva — móvil y escritorio