Test technique iOS Netgem

Exercice de recrutement officiel de Netgem, réalisé par Koussaïla BEN MAMAR, le 07/02/2022.

Table des matières

• Objectifs
• Ma solution

Objectifs

Afficher des GIFs de GIPHY (Faites simple).

Nous voulons vérifier:

• Si vous savez implémenter l'API
• Si vous savez afficher des GIFs
• La qualité du code

Le test se compose en 3 user stories:

1. En tant qu'utilisateur, dès que je lance l'application, je devrai vois donc un GIF aléatoire.

2. En tant qu'utilisateur, lorsque je clique sur le bouton de recherche, je devrai voir donc tous les GIFs correspondants à ma recherche.

3. En tant qu'utilisateur, lorsque je tape sur un GIF dans la liste (user story n°2), je devrais voir le GIF en plein écran.

Instructions

• N'hésitez pas à implémenter votre propre architecture
• N'hésitez pas à implémenter votre propre design
• Vous pouvez utiliser des librairies tierces (externes)
• Vous devriez faire des tests unitaire de votre application
• Partagez votre projet de la façon de votre choix (GitHub, zip, ...)

Documentation

GIPHY API: https://developers.giphy.com/docs/

Ma solution

Pour ce test technique, je propose une solution simple en 3 ViewControllers. Pour les user stories 1 et 2, j'utilise un TabBarController. L'architecture que je propose est en MVVM.

Frameworks utilisés

• UIKit
• Combine (Programmation réactive fonctionnelle, data binding MVVM)
• Alamofire (HTTP)
• Kingfisher (Gestion asynchrone d'images avec cache)

Les packages externes sont installés avec Swift Package Manager.

User story 1

Pour cette vue simple, un ViewController (ici HomeViewController) va afficher un gif aléatoire. La vue modèle RandomGIFViewModel va effectuer un appel API de Giphy et récupérer l'URL d'un GIF aléatoire. Par le biais du data binding, la vue va afficher le GIF avec l'aide de Kingfisher.

User story 2

La vue la plus complexe du test (SearchViewController). Pour la recherche, la vue modèle GIFSearchViewModel va réagir par le biais d'un abonnement par rapport à ce qui est saisi dans la barre de recherche. En fonction du contenu, un appel HTTP GET se fera automatiquement pour en récupérer la liste des GIFS correspondant à la recherche. Ensuite, avec Kingfisher, chaque cellule va afficher ses GIFs respectifs et la vue recevra le signal de la vue modèle pour actualiser le CollectionView.

User story 3

Au clic sur un GIF du CollectionView, une vue GIFFullScreenViewController va appraître pour y afficher le GIF en plein écran (avec l'aide de Kingfisher).

Autres éléments

Le test étant long dans l'implémentation de l'API et des délais trop courts, je n'ai pas eu le temps de proposer quelques tests unitaires (avec du mocking,...). Pour l'API, j'ai utilisé la voie classique avec des appels HTTP de l'API REST au lieu d'utiliser le SDK de Giphy.