Jean-Luc DANGOTTE

724events

Cette page est une vue d’ensemble du projet, des outils utilisés ainsi que les liens vers le site du projet et le(s) document(s) annexe(s).

Project Image

Vue d'ensemble du projet

Ma mission pour ce projet était :
● La résolution des “issues” listées par l’ancien développeur.
● La résolution des “erreurs” apparaissant dans la console.
● La résolution des “erreurs” apparaissant dans les tests unitaires.
● La finalisation du cahier de recette.
● L'ajout des tests manquants dans le projet.

Les étapes du projet :
● Mettre en place votre environnement de développement :
- installer Node.js avec une version au moins égale à 16.14.2 LTS / npm 8.5.5 ;
- cloner le repository contenant le projet ;
- installer Yarn ;
- lancer la configuration des packages en suivant le guide inclus dans le README.md ;
- vérifier que chaque commande ne renvoie pas d’erreur.
● Installer React Developer Tools :
- Installer et configurer React Dev Tools.
- Exécuter l’application via yarn start.
● Réparer les bugs :
- Lister l’ensemble des bugs et localiser leur provenance dans le code.
- Lancer yarn test —watch pour consulter l’ensemble des tests restant en échec.
- Valider tous les tests (0 test en failed) ;
● Rédiger le cahier de recette.
● Ajouter des tests additionnels
- Écrire 3 tests d’intégration de la page Home.
- Écrire 3 tests unitaires sur des composants ou helpers.

Le projet se basait sur des éléments préparés au préalable :
● le code du site internet.
● les issues listées contenant une note sur les tâches à compléter laissée par l’ancien développeur.
● le cahier de recette commencé par le précédant développeur.

Les compétences évaluées étaient :
● Débugger un site web grâce aux Chrome DevTools
● Rédiger un cahier de recette pour tester un site

Pour mener à bien ce projet, j'ai suivi les cours OpenClassrooms suivants :
● Tester l’interface de votre site
● Déboguez l’interface de votre site internet
● Partagez vos données avec le Contexte et useContext
● Apprenez le behavior driven development (BDD)
● Testez vos applications Front End avec JavaScript

N’hésitez pas à consulter le code, le visuel du projet et le cahier de recette en visitant les liens correspondants ci-dessous.

Outils utilisés

html-logo.png

HTML5

css3-logo.png

CSS3

javascript-logo.png

Javascript

git-logo.png

Git

github-logo.png

GitHub

react-logo-1.png

React

vscode-alt.png

VSC

figma-logo.png

Figma