pixel weather

Temps pixel

Pixel Weather est une application météorologique minimale, construite avec Expo et React Native.

Au début, l'application demande l'emplacement actuel de l'utilisateur. S'il est accordé, l'application va récupérer et afficher les données météorologiques pour cet emplacement. Les utilisateurs peuvent appuyer sur chaque statistique pour voir les prévisions météorologiques correspondantes.

Caractéristiques

• Tailles de grandes composants, conçues pour la simplicité et l'accessibilité.
• ? Support de thème sombre.
• ? Couleurs variables pour différents niveaux de statistiques météorologiques.
• ? Afficher le temps local pour les villes du monde entier.
• ? Fournir des prévisions quotidiennes jusqu'à 8 jours, des prévisions horaires jusqu'à 48 heures.
• ? Fournir des informations de qualité de l'air.

Dépendances

Ce projet utilise les packages et bibliothèques suivants:

• React Navigation , pour naviguer dans différents écrans.
• expo-location , pour obtenir l'emplacement actuel de l'utilisateur.
• axios , pour faire des demandes d'API.
• AsyncStorage , pour enregistrer localement les emplacements sur le téléphone de l'utilisateur.
• lottie-react-native , pour le chargement de l'animation pendant la récupération des données.
• react-native-flash-message , pour afficher des messages.
• Sentry , pour la connexion des erreurs en production.

Fournisseurs d'API

Cette application météo utilise des données des deux sources suivantes:

• OpenWeather, pour les données météorologiques;
• Projet mondial d'index de qualité de l'air, pour les données de qualité de l'air.

Comment construire

1. git clone ce dépôt à votre machine locale.

2. cd au dossier. Courir

   npm install

   pour installer toutes les dépendances.

3. Appliquer les clés API des deux fournisseurs de source de données mentionnés ci-dessus. Vous devrez peut-être fournir des informations sur la carte de crédit pour l'abonnement aux données météorologiques. Créez .env dans le dossier racine et placez vos clés API dans ce fichier, comme

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

4. Courir

   npm start

   ou

   expo start

   Vous verrez alors un code QR dans le terminal. Ouvrez l'application Expo Go, scannez le code QR pour exécuter ce projet sur votre téléphone.

5. Courir

   eas build --profile preview --platform android

   Pour créer l'application Android. Une fois terminé, allez sur expo.dev pour télécharger le fichier .apk .

Plus de captures d'écran

Prévisions horaires	Prévisions de vent	Prévisions d'humidité

Ajouter la ville	Supprimer la ville	AQI INFO

Thème léger - Accueil	Thème léger - Prévisions d'humidité	Thème léger - Panneau de localisation

FAIRE

• Améliorer la page d'informations sur la qualité de l'air.
• Ajoutez la page du lever du soleil et du coucher du soleil.
• Ajoutez une prise en charge de la conversion unité et format.
• Implémentez le glisser-filet pour les emplacements enregistrés.