Exercices de préparation

Exercice1 Créer un compte utilisateur dans json server

en utilisant json server et localStorage storage créer une application qui permet :

• Créér un compte user(id,email,password)
• Authentification d'un utilisateur:
  la route:https://locahost:3000/user?email=EMAIL&passwor=Password
L'utilisateur connecté est sauvegardée dans localstorage
• page de bienvenue

Objectif de l'Exercice Créer une application React qui permet de réaliser des opérations CRUD (Créer, Lire, Mettre à jour, Supprimer) sur des données de projets, de tâches, et de membres d'équipe. Les données seront sauvegardées dans le localStorage.

Objet Projet

const Projet = {
  id: 1,                 // Identifiant unique
  nom: "Développement Web", // Nom du projet
  dateDebut: "2024-01-01", // Date de début
  dateFin: "2024-06-01",   // Date de fin
  description: "Création d'un site web.", // Description du projet
};

Objet Tâche

const Tache = {
  id: 1,                 // Identifiant unique
  nom: "Conception de l'interface", // Nom de la tâche
  statut: "En cours",     // Statut de la tâche (À faire, En cours, Terminé)
  dateEcheance: "2024-02-15", // Date d'échéance
  projetId: 1,           // Référence à l'identifiant du projet
};

Objet Membre d'Équipe

const Membre = {
  id: 1,                 // Identifiant unique
  nom: "Alice Dupont",    // Nom du membre
  role: "Développeur",    // Rôle du membre dans le projet
  projetId: 1,           // Référence à l'identifiant du projet
};

1. Créez un formulaire pour ajouter un nouveau projet.
2. Affichez la liste des projets avec des options pour modifier et supprimer chaque projet.
3. Créez un formulaire pour ajouter une nouvelle tâche associée à un projet existant.
4. Affichez la liste des tâches avec des options pour modifier et supprimer chaque tâche.
5. Créez un formulaire pour ajouter un membre d'équipe à un projet existant.
6. Affichez la liste des membres d'équipe avec des options pour modifier et supprimer chaque membre.
7. Sauvegardez et chargez les projets, tâches et membres d'équipe dans le localStorage.
8. Implémentez une fonctionnalité de filtrage pour afficher uniquement les projets ou tâches selon leur statut.
9. Ajoutez une option pour marquer une tâche comme terminée.
10. Créez une page d'accueil qui résume le nombre total de projets, de tâches, et de membres d'équipe.