1. Créer un projet avec une fenêtre modal
2. Améliorer les boutons, fenêtres avec les concepts du cours. Utiliser les .css du projet pour se faire.
3. Ajouter les librairies i18n pour gérer plusieurs langues dans l'interface web.
4. Ajouter une langue et changer la langue par défaut.
5. Ajouter des contraintes sur le formulaire. Voir les mots clés HTML Constraint Validation.
6. Ajouter le texte avec le standard i18n.

• VSCode
• npm

• https://www.w3schools.com/css/css3_buttons.asp
  
• https://www.w3schools.com/css/css_border.asp
  
• https://www.w3schools.com/css/default.asp
  

• https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation

Dans une console sur le poste:

Creer un répertoire pour le projet du cours.

mkdir projet

cd projet

Récupérer le code de github avec la commande git clone.

git clone https://github.com/domleg45/cls420-411-MV.git

Atteindre le répertoire de travail.

cd .\cls420-411-MV\app411\

Choisissez la branche demandée.

git checkout affordance (1er)

ou

git checkout i18n (2ième)

ou

git checkout contraintes (3ième)

Installer les packages du projet:

npm install

Installer les librairies pour i18n

npm install react-i18next i18next

npm install i18next-browser-languagedetector

Démarrer l'application.

npm start

Valider que vous avez accès à http://localhost:3000

• https://phrase.com/blog/posts/localizing-react-apps-with-i18next/
• https://www.npmjs.com/package/i18next-browser-languagedetector
• https://www.npmjs.com/package/react-i18next

• https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet
• https://gist.github.com/brandon1024/14b5f9fcfd982658d01811ee3045ff1e