ShuffleMyTeam

Présentation

ShuffleMyTeam est une application Angular permettant la gestion de groupes, d'utilisateurs et l'organisation de tirages au sort pour répartir des personnes dans des groupes. Elle propose des fonctionnalités d'inscription, de connexion, de création et d'affichage de groupes, ainsi que la consultation de l'historique des tirages.

Fonctionnalités principales

• Inscription : Les nouveaux utilisateurs peuvent s'inscrire via un formulaire dédié.
• Connexion : Authentification sécurisée pour accéder à l'application.
• Création de groupes : Génération automatique de groupes à partir d'une configuration personnalisée.
• Affichage des groupes : Visualisation des groupes générés ou existants.
• Validation des groupes : Possibilité de valider la composition des groupes.
• Historique des tirages : Consultation de l'historique des tirages précédents.

Structure du projet

• src/app/auth/ : Gestion de l'authentification (connexion, inscription).
• src/app/adminpage/ : Administration, gestion des utilisateurs et statistiques.
• src/app/core/services/ : Services pour la gestion des groupes, listes, profils, etc.
• src/app/Groups/ : Composants liés à la gestion et à l'affichage des groupes.
• src/app/DrawHistory/ : Affichage de l'historique des tirages.
• src/app/mocks/ : Données mockées pour le développement sans backend.
• src/app/models/ : Modèles de données (utilisateur, groupe, historique, etc.).

Installation et lancement

1. Cloner le dépôt
2. Installer les dépendances :

   npm install

3. Lancer l'application :

   npm start

4. Accéder à l'application sur http://localhost:4200

Fonctionnement détaillé

Authentification

• Inscription :
  • Accéder à la page d'inscription via le bouton "S'inscrire".
  • Remplir le formulaire et valider pour créer un compte.
• Connexion :
  • Accéder à la page de connexion.
  • Saisir ses identifiants (email + mot de passe) pour accéder à l'application.

Gestion des groupes

• Création de groupes :
  • Accéder à la page de création de groupes.
  • Définir les paramètres (nombre de groupes, personnes, etc.).
  • Lancer la génération automatique.
• Affichage et validation :
  • Visualiser les groupes générés.
  • Valider la composition si elle convient.

Historique des tirages

• Accéder à la page d'historique pour consulter les anciens tirages et leurs résultats.

Configuration du backend

• Par défaut, l'application utilise des données mockées (isMock = true dans les services).
• Pour connecter à un vrai backend, passer isMock à false dans les services concernés.

Technologies utilisées

• Angular
• TypeScript
• RxJS
• HTML/CSS

Auteurs

• Projet réalisé dans le cadre de la formation Simplon. Une équipe répartie en deux groupes :
  • Groupe 1 : Développement du Frontend, de l'interface utilisateur et de ses fonctionnalités principales:
    • BARBECHE Imane
    • MOREL Cécile
    • VIBANCOS Kyllian
    • KUISSI Guy
  • Groupe 2 : Mise en place du backend et de ses services.
    • XXX Antoine
    • XXX Arthur
    • XXX Feras

---

N'hésitez pas à consulter le code source pour plus de détails sur chaque fonctionnalité.

Tu peux créer le fichier comme ça dans ton terminal si besoin :

touch README.md