Application de Gestion de Contacts
Front-End
Y-Nissy Conception
Le cahier des charges:
Finalité
L'objectif de l'application web est de faciliter la saisie et la gestion des informations relatives aux nouveaux convertis, en évitant les erreurs de saisie et la duplication des données, tout en offrant une interface conviviale.Extension
L'application doit être flexible et évolutive, permettant l'ajout futur de nouvelles fonctionnalités ou intégrations avec d'autres applications tierces.Conditions préalables
- La mise en place d'un système d'authentification sécurisé.
- L'intégration de fonctionnalités d'auto-complétion pour les adresses postales.
- La définition de rôles et permissions pour contrôler les actions possibles dans l'application.
- La protection des données sensibles avec des mesures de sécurité appropriées, telles que le chiffrement.
Acteurs principaux
- Administrateurs : Gèrent les utilisateurs, les rôles et les permissions, et ont accès à toutes les fonctionnalités de l'application.
- Utilisateurs réguliers : Saisissent les informations des nouveaux convertis et accèdent aux données en fonction des permissions accordées.
Scénario principal
- Authentification : L'utilisateur accède à l'application et se connecte à l'aide d'un système d'authentification sécurisé.
- Saisie des informations : L'utilisateur accède au formulaire de
saisie, où il peut entrer les informations suivantes pour chaque nouveau converti :
Nom, Prénom, Numéro de téléphone, Adresse électronique, Adresse postale - Auto-complétion des adresses : Lors de la saisie de l'adresse postale, une fonctionnalité d'auto-complétion aide l'utilisateur à entrer une adresse précise.
- Validation et soumission : L'application utilise des validations pour s'assurer que les données saisies sont correctes et affiche des messages d'erreur appropriés en cas de problème.
- Gestion des données : Les administrateurs peuvent gérer les profils utilisateurs, attribuer des rôles et définir des permissions.
- Intégration et interopérabilité : Si nécessaire, l'application peut s'intégrer avec d'autres applications tierces pour faciliter l'échange de données.
Ce que j'ai fait
Création d'une Application de Gestion de Contacts avec Vue.js et API
Page d'Identification :
Authentification sécurisée grâce à une API par e-mail et mot de passe.
Tableau de Bord :
Accès rapide aux principales fonctionnalités.
Création d'un Contact :
Formulaire multi-étapes pour l'ajout d'un contact.
Etape 1 - Informations personnelles :
Informations personnelles : Nom, prénom, civilité, état civil, date de naissance, nationalité, date d'inscription.
Etape 2 - Contacts :
Contacts : Téléphone portable, e-mail, autre téléphone.
Etape 3 - Adresse :
Adresse avec autocomplétion par API, ville, code postal.
Étape 4 - Autres informations :
Métier, langue(s) parlée(s), nombre de personnes dans le foyer, invité par, nom du conseillé NC.
Étape 5 - Questions :
Questions supplémentaires et notes (programme de 31 jours, nouveau converti, besoin de visite, observations).
Liste des Contacts :
Vue en liste, recherche et pagination, gestion des contacts.
Détails du Contact :
Affichage des informations complètes d'un contact.
Modifier un Contact :
Édition des informations d'un contact existant.
