Ce projet universitaire consistait à réaliser une bibliothèque de composants (header, boutons, cartes, formulaires, …) réutilisables et flexibles dans un style cyberpunk. Ce style s’inspire d’un futur dystopique, souvent urbain, technologique et chaotique. Graphiquement, il se caractérise par des couleurs vives (rose flashy, bleu électrique, jaune) sur des fonds sombres ou noirs, ce qui donne un contraste important, donc une bonne lisibilité. Ce style contient aussi des textures numériques, comme des effets glitchs ou des hologrammes, en guise d’animation.
Durant tout le long du projet, j’ai dû mettre en place des compétences que j’ai acquis en cours d’intégration web, telles que :
- l’utilisation du HTML, CSS et SASS,
- la conception de composants responsive (format mobile, tablette, desktop),
- l’ajout d’animation / micro-interaction sur des éléments au survol ou au clique,
- le respect des principes de l’accessibilité, notamment en ce qui concerne le contraste, la visibilité du focus et l’utilisation de labels appropriés.
- la rédaction de la documentation (fichier README) contenant une présentation des composants et des instructions sur l’utilisation de la bibliothèque,
- ainsi que l’organisation des fichiers dans leurs dossiers respectives (ex: les fichiers _mixins.scss et _variables.scss dans le dossier abstract).
