Développement du frontend réalisé pendant la formation "Débuter avec React" d'OpenClassrooms auquel j'ai rajouté de nouvelles features pour améliorer l'application.

--> Démo déployée sur Netlify

• créer une app en React.
• utilisation des function component.
• utilisation du hook useState() pour gérer le state local.
• utilisation du hook useEffect() pour effectuer une action à un moment donné du cycle de vie de nos composants et ses différents effets.
• utilisation des props pour réutiliser les composants en leur passants des données en paramètres.
• Props Dilling : terme utiliser quand on passe des props à un composant uniquement pour qu’un composant enfant y ait accès.
• gestion des évènements.

Client: React, JS, HTML/CSS Hébergement : Netlify

Développées pendant la formation :

• Sélection des catégories de plantes à afficher.
• Ajout de plantes dans le panier et affichae d'une alerte (méthode alert()) si la plante est déjà présente dans le panier.
• Affichage de la somme totale des plantes dans le panier.
• Vider tout le panier.
• Choisir d'afficher ou non le panier.
• Validation de l'email et affichage d'une alerte (méthode alert()) s'il manque l'"@".

Développées en autonomie pour améliorer l'application :

• Augmenter/Diminuer la quantité d'une plante dans le panier.
• Supprimer une plante du panier.
• Remplacement de la méthode alert() par un message élement HTML/CSS/JS.
• Changement du gestionnaire d'evenement : passé du onBlur à onClick sur le nouveau boutton "Envoyer".
• Stylisme des élements : button, select, input.

Aucune. Le but étant de découvrir React.

• Débutez avec React - OpenClassrooms
• Doc. React
• Icônes : Ionicons