Codvid-app-bdjbray

Objectif

Utilisez l'API CODVID-19 (Documentation utilisant Postman) pour construire une application mobile qui affiche :

• Cas de CODVID par pays sur un MAP
• Cas CODVID par pays En direct sur un MAP (changements)
• Cas de CODVID par pays selon une date.
• Résumé des cas totaux pour le monde
• Résumé en direct pour le monde

Objectif ambitieux :

• Afficher les données par province
• L'utilisateur peut mettre son adresse et suivre CODVID-19 dans son voisinage (seulement dans les pays où des données régionales sont fournies)

Objectif pour les étapes 1 et 2 :

Étape 1: Configurez votre environnement autochtone REACT Étape 2: Passez par le Tutoriel natif de REACT

• Créer des applications Bonjour
• Exécutez des applications Bonjour sur l'émulateur et votre téléphone.
• Il sera grand de l'exécuter sur deux téléphones si vous pouvez (iOS et Android)

Résultat des étapes 1 et 2 :

J'ai un peu changé l'application Hello. Ajoutez un bouton, appuyez sur le bouton pour modifier le texte. Parce que je ne hobve pas un téléphone Android, donc je m'exécute sur deux émulateurs (Android et iOS) Avant de modifier le texte: Après avoir modifié le texte :

Objectif pour l'étape 3 :

Développer le cas d'utilisation pour afficher une carte.

Résultat de l'étape3:

J'ai utilisé des cartes natives pour créer une application simple. J'ai choisi les temps carrés comme emplacement initial et mis un marqueur là. Parce que je n'ai pas de téléphone Android, donc j'ai utilisé un émulateur iOS et un émulateur Android pour la démo.

Objectif de la quatrième étape

Sur une branche séparée, exercez l'API CODVID-19 (Documentation en utilisant Postman) et affichez les données dans votre application sous forme de texte.

Résultat de l'étape 4

Parce que je n'ai pas de téléphone Android, donc j'ai utilisé deux simulateurs pour le test. La page d'accueil : Les utilisateurs peuvent voir la somme des cas totaux pour le monde: Les utilisateurs peuvent voir tous les cas pour différents pays et domaines: Je travaille encore pour montrer les cas sur la carte...

Objectif pour l'étape 5

Superposer les données sur les cartes.

Résultat de l'étape 5

Maintenant, je peux montrer tous les cas pour différents pays et zones sur la carte, sans ajouter manuellement. J'ai utilisé un émulateur iOS et un émulateur Android pour tester. Il y a un marqueur pour tous les pays et zones, les utilisateurs peuvent cliquer sur n'importe lequel d'entre eux pour voir le total des cas confrimés du pays. Une démo rapide sur iOS :

le code pour les étapes 4 et 5 est dans les étapes 4 et 5 de la branche

Contributeurs GitHub

bdjbray

69 contributions