portfolio

  • Des Tonnes de Têtes

    2017 - Un jeu sur tablette pour travailler et s'amuser autour des expressions des émotions.

  • Portail de documentation des API Overkiz

    2017 - Développement d'une appli web pour accéder à la documentation des API de la plateforme IoT d'Overkiz.

  • Meetup Développeurs Web des Savoie

    Depuis 2014 - Présentations pour le meetup Dev Web des Savoie.

  • Site web Voile Banque Populaire

    2016 - Refonte du site web de Voile Banque Populaire

  • Application mobile LCCP pour Lexmark

    2015 - Une application mobile pour gérer la collecte des cartouches vides

  • Les vaches et l'azote

    2015 - Installation interactive de vulgarisation scientifique pour l'INRA

  • World of Bacteria

    2015 - Les bactéries et le cycle du carbone, un jeu de vulgarisation scientifique pour l'INRA

  • ZenDay

    2014 - Application mobile de calendrier et gestion du temps

Portail de documentation des API Overkiz

2017 - Développement d'une appli web pour accéder à la documentation des API de la plateforme IoT d'Overkiz.

En collaboration avec l'équipe web d'Overkiz, nous avons développé un site web de documentation d'API permettant notamment de tester directement les points d'API et de générer des snippets de code correspondants.

La documentation est auto-générée, l'appli web consomme donc directement l'API pour afficher la liste et le détail de chaque point d'API.

La documentation étant téléchargée au lancement, le moteur de recherche a été implémenté en local avec l'aide de Lunr. Les résultats sont donc instantanés.

L'appli a été développée avec Vue.js et Vuex.
Jest a été choisi pour les tests unitaires notamment pour son support des snapshots : il fonctionne plutôt bien avec le moteur de rendu Node.js de Vue et permet d'avoir un test visuel pour chaque composant.

Jest Snapshot

L'affichage du diff entre les snapshots permet de voir très rapidement si les modifications sont voulues ou non. Il suffit alors de mettre à jour le snapshot.

Pour les tests E2E, nous avons gardé Nightwatch qui est proposé dans le template de départ fourni par Vue.js. La syntaxe est simple et il supporte les Page Objects, ce qui permet de simplifier le code des tests.

On regroupe tout ce qui concerne une même page dans un module.

On peut ensuite utiliser le Page Object dans nos tests.

Liens