En tant qu'utilisateur, je veux créer un compte sur la plateforme pour pouvoir accéder aux fonctionnalités.

Sous-tâches :

• Concevoir le formulaire d'inscription avec des champs pour le nom d'utilisateur, l'email, le mot de passe et le rôle.
• Implémenter la logique backend pour gérer la soumission et la validation des données utilisateur.
• Intégrer le chiffrement des mots de passe pour un stockage sécurisé.
• Tester le processus d'inscription pour s'assurer qu'il fonctionne comme prévu.

En tant qu'utilisateur, je veux me connecter à mon compte pour pouvoir accéder à mon profil et aux autres fonctionnalités.

Sous-tâches :

• Concevoir le formulaire de connexion avec des champs pour le nom d'utilisateur/email et le mot de passe.
• Implémenter la logique d'authentification backend pour vérifier les informations d'identification de l'utilisateur.
• Créer des sessions pour maintenir l'état de connexion de l'utilisateur.
• Gérer les tentatives de connexion incorrectes avec des messages d'erreur appropriés.
• Tester le processus de connexion pour la fonctionnalité et la sécurité.

En tant qu'utilisateur, je veux me déconnecter de mon compte pour sécuriser ma session.

Sous-tâches :

• Ajouter une option de déconnexion dans l'interface utilisateur.
• Implémenter la logique backend pour détruire les sessions utilisateur lors de la déconnexion.
• Rediriger les utilisateurs vers la page d'accueil ou la page de connexion après la déconnexion.
• Tester la fonctionnalité de déconnexion pour s'assurer que les sessions sont correctement terminées.

En tant qu'utilisateur, je veux voir un message "Hello World" avec mon nom.

Sous-tâches :

• Créer un modèle de message personnalisé.
• Récupérer le nom de l'utilisateur à partir des données de session.
• Afficher le message "Hello World" avec le nom de l'utilisateur sur la page.
• Tester l'affichage du message pour différents scénarios utilisateur.

En tant qu'utilisateur, je veux voir une image aléatoire affichée sur la page.

Sous-tâches :

• Sourcer une collection d'images aléatoires à partir d'une API externe.
• Implémenter la logique pour sélectionner aléatoirement une image de la collection.
• Afficher l'image sélectionnée dans l'interface utilisateur.
• Tester la fonctionnalité d'image aléatoire pour s'assurer que différentes images sont affichées à chaque fois.

En tant qu'utilisateur, je veux voir les détails de mon profil tels que le nom d'utilisateur et l'adresse e-mail.

Sous-tâches :

• Créer un modèle de page de profil utilisateur.
• Implémenter la logique backend pour récupérer les détails de l'utilisateur à partir de la base de données.
• Afficher le nom d'utilisateur et l'adresse e-mail de l'utilisateur sur la page de profil.
• Tester la page de profil pour s'assurer que les données sont affichées correctement.

En tant qu'administrateur, je veux me connecter à mon compte pour accéder aux fonctionnalités d'administration telles que la visualisation de tous les clients.

Sous-tâches :

• Concevoir le formulaire de connexion administrateur avec des champs pour le nom d'utilisateur/email et le mot de passe.
• Implémenter la logique d'authentification backend pour les informations d'identification de l'administrateur.
• Créer des sessions administrateur pour maintenir l'état de connexion.
• Développer le tableau de bord administrateur pour afficher les informations des clients.
• Tester les fonctionnalités de connexion et de tableau de bord administrateur pour un contrôle d'accès approprié.

Créez un fichier .env à la racine de votre projet avec le contenu suivant :

DB_HOST=tch099-db
MYSQL_ROOT_PASSWORD=rootpassword
MYSQL_DATABASE=mydatabase
MYSQL_USER=user
MYSQL_PASSWORD=password

Exécutez les commandes suivantes pour initialiser la base de données :

cd db
python3 -m pip install mysql-connector-python python-dotenv
python3 db.py

Point de terminaison : /api/login.php

Méthode : POST

Corps de la requête :

{
  "username": "exemple",
  "password": "motdepasse"
}

Réponse :

{
  "status": "success",
  "message": "Connexion réussie"
}

Point de terminaison : /api/signup.php

Méthode : POST

Corps de la requête :

{
  "username": "exemple",
  "password": "motdepasse",
  "email": "exemple@exemple.com",
  "role": "utilisateur"
}

Réponse :

{
  "status": "success",
  "message": "Inscription réussie"
}

Point de terminaison : /api/logout.php

Méthode : POST

Réponse :

{
  "status": "success",
  "message": "Déconnexion réussie"
}

Point de terminaison : /api/user_details.php

Méthode : GET

Réponse :

{
  "status": "success",
  "data": {
    "username": "exemple",
    "email": "exemple@exemple.com",
    "role": "utilisateur"
  }
}

Point de terminaison : /api/hello-world/$langue

Méthode : GET ou POST

Paramètres de requête :

• nom (optionnel)
• prenom (optionnel)

Réponse :

{
  "nom": "Doe",
  "prenom": "John",
  "langue": "fr",
  "message": "Bonjour le monde John Doe!"
}

Point de terminaison : /api/random-image

Méthode : GET

Réponse : Une URL d'image aléatoire.

Fonctionnalités Principales

- Inspecter les éléments : Cliquez avec le bouton droit sur un élément de la page et sélectionnez "Inspecter".

- Modifier le HTML : Double-cliquez sur un élément HTML pour le modifier.

- Modifier le CSS : Modifiez les styles directement dans le panneau de style.

Fonctionnalités Principales

- Journalisation : Utilisez console.log() pour afficher des messages.

- Exécution de JavaScript : Tapez du code JavaScript et appuyez sur Entrée pour l'exécuter.

- Messages d'erreur : Les erreurs JavaScript apparaissent automatiquement ici.

Fonctionnalités Principales

- Déboguer le code : Ajoutez des points d'arrêt et parcourez le code ligne par ligne.

- Éditeur de fichiers : Modifiez le JavaScript directement dans l'onglet.

Fonctionnalités Principales

- Suivi des requêtes : Visualisez les requêtes HTTP et les réponses.

- Analyse de la performance : Identifiez les requêtes lentes ou échouées.

Fonctionnalités Principales

- Enregistrement de la performance : Capturez et analysez les performances de la page.

- Analyse des animations : Identifiez les problèmes de performance avec les animations.

Fonctionnalités Principales

- Profils de mémoire : Capturez des instantanés de la mémoire pour analyse.

- Détection des fuites : Identifiez les objets qui ne sont pas libérés correctement.

Fonctionnalités Principales

- Gestion du stockage : Visualisez et modifiez le LocalStorage, le SessionStorage, et les cookies.

- Service Workers : Gérez les service workers enregistrés sur votre site.

Fonctionnalités Principales

- Certificats SSL : Vérifiez les informations sur les certificats SSL.

- Sécurité des ressources : Assurez-vous que les ressources sont chargées de manière sécurisée.

Raccourcis Clavier Utiles