pixel weather

Clima de píxeles

El clima de píxeles es una aplicación mínima del clima, construida con Expo y React Native.

Al principio, la aplicación solicita la ubicación actual del usuario. Si se otorga, la aplicación buscará y mostrará datos meteorológicos para esa ubicación. Los usuarios pueden tocar cada estadística para ver los pronósticos meteorológicos correspondientes.

Características

• Tamaños de componentes grandes, diseñados para la simplicidad y accesibilidad.
• ? Soporte de tema oscuro.
• 'Variables colores para diferentes niveles de estadísticas meteorológicas.
• ? Muestra la hora local para las ciudades de todo el mundo.
• Proporcionar pronóstico diario por hasta 8 días, pronóstico por hora por hasta 48 horas.
• ? Proporcionar información de calidad del aire.

Dependencias

Este proyecto utiliza los siguientes paquetes y bibliotecas:

• React Navigation , para navegar en diferentes pantallas.
• expo-location , para obtener la ubicación actual del usuario.
• axios , para hacer solicitudes de API.
• AsyncStorage , para guardar ubicaciones localmente en el teléfono del usuario.
• lottie-react-native , para cargar animación durante la obtención de datos.
• react-native-flash-message , para mostrar mensajes.
• Sentry , por registro de errores en la producción.

Proveedores de API

Esta aplicación meteorológica utiliza datos de las siguientes dos fuentes:

• Openweather, para datos meteorológicos;
• Proyecto World Air Quality Index, para datos de calidad del aire.

Cómo construir

1. git clone este repositorio a su máquina local.

2. cd a la carpeta. Correr

   npm install

   para instalar todas las dependencias.

3. Solicite las claves API de los dos proveedores de fuente de datos mencionados anteriormente. Es posible que deba proporcionar información de su tarjeta de crédito para la suscripción de datos meteorológicos. Crear .env en la carpeta raíz y coloque sus claves API en este archivo, como

    WEATHER_KEY=your-key-string
   AIR_KEY=your-key-string
   

4. Correr

   npm start

   o

   expo start

   Luego verá un código QR en el terminal. Abra la aplicación Expo Go, escanee el código QR para ejecutar este proyecto en su teléfono.

5. Correr

   eas build --profile preview --platform android

   Para construir la aplicación Android. Después de completar, vaya a Expo.dev para descargar el archivo .apk .

Más capturas de pantalla

Pronóstico por hora	Pronóstico del viento	Pronóstico de humedad

Agregar ciudad	Eliminar la ciudad	Información aqi

Tema de luz - Inicio	Tema de luz - pronóstico de humedad	Tema de luz - Panel de ubicación

HACER

• Mejorar la página de información de calidad del aire.
• Agregue la página del amanecer y la hora del atardecer.
• Agregue soporte para la conversión de unidad y formato.
• Implemente arrastrar y clasificar para ubicaciones guardadas.