Accueil

Gestion de contacts ( React)



Notions mises en pratique :


Objectifs

L'application de Gestion de Contacts est une solution web moderne développée avec React.js, conçue pour offrir une interface utilisateur intuitive et réactive pour la gestion efficace des informations de contact. Cette application permet aux utilisateurs d'ajouter, modifier, supprimer et visualiser des contacts. Chaque contact est composé d'un nom, d'un numéro de téléphone et d'une adresse email. L'interface est divisée en deux parties principales : un formulaire de saisie à gauche pour ajouter ou modifier des contacts, et un tableau à droite affichant la liste des contacts existants. Les fonctionnalités clés incluent : Validation en temps réel des entrées utilisateur, avec des messages d'erreur en français pour le format du numéro de téléphone et de l'email. Possibilité de rechercher des contacts à travers tous les champs. Tri des contacts par nom, téléphone ou email, en ordre croissant ou décroissant. Persistance des données grâce à l'utilisation du localStorage, permettant de conserver les contacts même après la fermeture du navigateur. L'interface s'adaptent aux différentes tailles d'écran.


Lien vers le github