pixel weather

Pixelwetter

Pixelwetter ist eine minimale Wetter -App, die mit Expo und React Native gebaut wurde.

Zu Beginn fragt die App nach dem aktuellen Standort des Benutzers. Wenn die App gewährt wird, holt die App Wetterdaten für diesen Standort ab. Benutzer können auf jede STAT auf Tippen auf entsprechende Wettervorhersagen auf Tippen.

Merkmale

• Große Komponentengrößen, die für Einfachheit und Zugänglichkeit ausgelegt sind.
• Dunkle Themenunterstützung.
• Variieren Sie Farben für verschiedene Wetterstatusniveaus.
• Zeigen Sie lokale Zeit für Städte auf der ganzen Welt.
• Täglich prognostiziert für bis zu 8 Tage und stündliche Prognose für bis zu 48 Stunden.
• Geben Sie Luftqualitätsinformationen an.

Abhängigkeiten

Dieses Projekt verwendet die folgenden Pakete und Bibliotheken:

• React Navigation zum Navigieren verschiedener Bildschirme.
• expo-location , um den aktuellen Standort des Benutzers zu erhalten.
• axios , um API -Anfragen zu stellen.
• AsyncStorage , um Standorte lokal auf dem Telefon des Benutzers zu sparen.
• lottie-react-native , zum Laden von Animationen während des Datenabholens.
• react-native-flash-message zum Anzeigen von Nachrichten.
• Sentry , für die Fehlermeldung in der Produktion.

API -Anbieter

Diese Wetter -App verwendet Daten aus den folgenden beiden Quellen:

• Openweather für Wetterdaten;
• World Air Quality Index -Projekt für Luftqualitätsdaten.

Wie man baut

1. git clone dieses Repo zu Ihrer lokalen Maschine.

2. cd zum Ordner. Laufen

   npm install

   So installieren Sie alle Abhängigkeiten.

3. Bewerben Sie API -Schlüssel von den beiden oben genannten Datenquellenanbietern. Möglicherweise müssen Sie Ihre Kreditkarteninformationen für Wetterdatenabonnements bereitstellen. Erstellen Sie .env im Stammordner und geben Sie Ihre API -Schlüssel in diese Datei ein, wie

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

4. Laufen

   npm start

   oder

   expo start

   Sie sehen dann einen QR -Code im Terminal. Öffnen Sie die Expo -Go -App und scannen Sie den QR -Code, um dieses Projekt auf Ihrem Telefon auszuführen.

5. Laufen

   eas build --profile preview --platform android

   So erstellen Sie die Android -App. Gehen Sie nach Abschluss zu Expo.dev, um die .apk -Datei herunterzuladen.

Weitere Screenshots

Stündliche Prognose	Windvorhersage	Feuchtigkeitsprognose

Stadt hinzufügen	Stadt löschen	Aqi Info

Leichtes Thema - Zuhause	Leichtes Thema - Feuchtigkeitsprognose	Leichtes Thema - Standortpanel

Todo

• Verbesserung der Luftqualitätsinformationsseite.
• Fügen Sie Sonnenaufgang und Sonnenuntergangszeit hinzu.
• Fügen Sie Unterstützung für Einheiten- und Formatkonvertierung hinzu.
• Implementieren Sie Drag & sort für gespeicherte Standorte.