-
material ui : https://mui.com/
-
semantic ui : https://semantic-ui.com/
-
blueprint ui : https://blueprintjs.com/docs/
Voir démo vidéo pour comment procéder.
Vous devez livrer votre application complète dans le répertoire tp_XX et faire une pull request vers features/tp2
Votre Application ne doit pas inclure les node_modules.
Votre application doit contenir l'application compilé dans le répertoire build (ajuster le .gitignore au besoin)
Votre applicatoin doit contenir l'application storybook compilé dans le répertoire storybook-static (ajuster le .gitignore au besoin)
Lien vers les vidéos : https://webarchitek.ca/formations/React-Storybook.zip
Vous serez noté sur les configurations disponibles apportées sur vos composants
Vous serez noté sur le nombre de composants livrés
Vous serez noté sur le nombre de framework différents expérimentés
Vous serez noté sur la qualité des stories de votre storybook Exemple : Dans une storie, vous indiquez de quel framework provient votre composante et son utilité.
Points bonus : Vous ajoutez des tests unitaires !
Pour réaliser votre travail vous devez créer une nouvelle branche de travail à partir de la branche features/tp2 .
Vous devez nommer cette nouvelle branche stories/tp2_XX où (XX sera un chiffre entre 01 et 11) Ce chiffre vous a été attribué au début du cours) .
Vous devrez configurer votre site web pour qu'il soit optimisé pour la performance. (css minifié, javascript minifié, images optimisées)
Aucune dépendance externe obscure autre que les frameworks les plus couramment utilisés ne sont tolérés.
Aucuns iframe n'est accepté.
Toutes les images utilisées doivent être libres de droits.
Toutes les animations mises en place ne doivent pas être copiées d'un site web externe. Si vous ajoutez des animations, vous devez spécifier la ou les librairies utilisées dans un fichier README.md .
Vous devez présenter dans un fichier README.md, les technologies utilisés dans le cadre de la réalisation de votre site web.
Vous serez évaluez sur l'élégance, la présentation, la typographie, la structure de votre page, la disposition des contenus de votre page, sur la qualité des images, la navigation et "le responsive (multi-device)" et sur la qualité de votre rédaction.
Chaque faute de français entraînera une pénalité de 0.5 % jusqu'à concurrence de 20% de la note finale.
- Doit être disponible dans votre release branch de git prêt à être copié à la racine d'un site web.
- Votre livraison doit se faire via une pullrequest sur la feature branch associé à votre numéro d'élève features/tp2_XX où (XX sera un chiffre entre 01 et 11).
- Ce chiffre vous a été attribué au début du cours).