C'est un projet à but d'apprentissage ayant pour objectif de prendre en main les principaux outils de développement mobile utilisés lorsque l'on développe avec React Native. Ce projet m'a été suggéré dans le cadre du processus de recrutement chez BAM, la liste des jalons est disponible en fin de page.
Cette application React Native sert à afficher les matchs de NBA de la journée.
L'utilisateur peut sélectionner ses équipes favorites grâce aux étoiles.
Ces équipes seront alors affichées sur la seconde page
On pourra aussi suivre les matchs de son équipe favorite exclusivement avec une page 'Favoris'.
Cette application utilise l'API publique https://www.balldontlie.io/
NB : Étant donné que les matchs de NBA ne reprennnent qu'en octobre 2021, pour que l'application affiche toujours des matchs, une date fixe a été choisie temporairement, le 17/08/2021.
| Task | Progression |
|---|---|
| Créer un repository Git | ✔️ |
| Créer une appli ReactNative avec Expo | ✔️ |
| Installer TypeScript pour typer le code | ✔️ |
| Créer un service pour fetcher des données simples depuis une API avec fetch | ✔️ |
| Tester le service | ❌ |
| Créer une première page "Liste" avec une scroll view pour afficher les résultats de l'API | ✔️ |
| Créer une deuxième page "Favoris" | ✔️ |
| Créer un bottom tab navigator pour naviguer avec la page de Favoris | ✔️ |
| Afficher à droite de chacun des items de la liste une icône "étoile" | ✔️ |
| Animer l'étoile au clic en taille et couleur | ✔️ |
| Ajouter l'item dans les favoris au clic grâce à une gestion de state global | ✔️ |
| Faire tourner les test lors sur Bitrise au push sur github | ✔️ |
| Publier son appli pour android | ✔️ |
J'ai réalisé des premiers tests unitaires avec Jest pour prendre en main Jest, cependant, il me reste à faire le test de composant asynchrones comme celui contenant la commande fetch
Afin de pouvoir utiliser l'application sur un smartphone Android muni de l'application Expo Go, vous pouvez utiliser ce lien : https://exp.host/@samsoum41/BasketBallCalendar