Skip to content

fmargar/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App 🌤️

¡Bienvenido a tu nueva aplicación del clima!

Esta es una aplicación web moderna construida con React y Vite, diseñada para ser rápida, bonita y fácil de usar. Hemos puesto mucho cariño en que sea amigable y útil.

Pero lo más especial de este proyecto es que está configurado como una Aplicación Híbrida Local.

¿Qué significa que sea una App "Híbrida"? 📱💻

Hemos configurado este proyecto específicamente para facilitar el acceso multi-dispositivo en tu red local.

Normalmente, cuando desarrollas en tu PC, solo tú puedes verlo. Pero aquí, gracias a la configuración de red que hemos implementado (host: true), puedes acceder a esta app desde tu móvil o tablet instantáneamente, siempre que estén conectados al mismo WiFi que tu ordenador.

¡Es perfecto para probar cómo se siente la app en tus manos, como si fuera una aplicación nativa real!

Cómo probarlo en tu móvil:

  1. Asegúrate de que tu móvil y tu PC estén conectados a la misma red WiFi.
  2. Inicia la app en tu PC ejecutando el comando npm run dev en la terminal.
  3. Observa la salida de la terminal. Verás una línea que dice Network, seguida de una dirección IP (por ejemplo: http://192.168.1.35:5173/).
  4. Abre el navegador de tu móvil (Chrome, Safari, etc.) y escribe esa dirección exacta.
  5. ¡Listo! Verás la app funcionando en tu teléfono en tiempo real.

Tecnologías 🚀

Hemos utilizado un stack moderno y eficiente:

  • React: Para una interfaz de usuario fluida y reactiva.
  • Vite: Nuestra herramienta de construcción preferida, que hace que el desarrollo sea ultrarrápido.
  • Open-Meteo API: Para obtener datos meteorológicos precisos de todo el mundo sin necesidad de registros complicados.
  • Estilos CSS Modernos: Para que la app luzca genial en cualquier pantalla.

Cómo empezar 🛠️

Si quieres seguir desarrollando o simplemente ejecutar la app:

  1. Instala las dependencias (necesitas tener Node.js instalado):

    npm install
  2. Arranca el servidor local:

    npm run dev

¡Disfruta del código y del clima! ☀️🌧️

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors