Initialiser un storybook, pour ensuite construire les différents composants visuellement.
En suivant la méthode de l'atomic design, créer la molécule suivante :
Il y'a 4 atomes :
Title
Text
Button
Image
La techno à utiliser doit se baser sur l'un des frameworks suivants au choix : React.js
, Vue.js
, Svelte
.
Concernant le CSS vous êtes libre d'utiliser ce que vous voulez (framework css, vanilla css, CSSinJS etc...)
- Au clic sur le bouton :
- la couleur du premier titre change aléatoirement
- un compteur visible en dehors du composant et dans le bouton est incrémenté
- la valeur du compteur est persisté quand on recharge la page
- Le contenu doit être chargé/importé depuis le fichier JSON fournis.
- Vous êtes libre sur le choix des fonts.
Versionner le projet sur un projet git et le mettre à disposition sur un hébergement type netlify, surge, vercel ou autre.