diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000..262657b5ae
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.qodo
+/api_backend/node_modules
+/api_backend/.env
\ No newline at end of file
diff --git a/api_backend/cloudinary/cloudinary.js b/api_backend/cloudinary/cloudinary.js
new file mode 100644
index 0000000000..e86e9ff3f8
--- /dev/null
+++ b/api_backend/cloudinary/cloudinary.js
@@ -0,0 +1,12 @@
+import {v2 as cloudinary} from 'cloudinary'
+import {config} from 'dotenv'
+
+config()
+
+cloudinary.config({
+ cloud_name: process.env.CLOUDINARY_CLOUD_NAME,
+ api_key: process.env.CLOUDINARY_API_KEY,
+ api_secret: process.env.CLOUDINARY_API_SECRET
+})
+export default cloudinary
+
diff --git a/api_backend/config/db.js b/api_backend/config/db.js
new file mode 100644
index 0000000000..da2cf87295
--- /dev/null
+++ b/api_backend/config/db.js
@@ -0,0 +1,13 @@
+import mongoose from "mongoose";
+
+export const connectDB = async () => {
+ try {
+ const conn = await mongoose.connect(process.env.MONGO_URI); // se connecte à la DB en asynchrone
+ console.log(`MongoDB connected: ${conn.connection.host}`);
+ } catch (error){
+ console.error(`Error: ${error.message}`);
+ process.exit(1); // 1 c'est pour dire que y a eu erreur et 0 succès
+ }
+}
+
+//NoSQL enrgistre dans des collections avec des documents
\ No newline at end of file
diff --git a/api_backend/controllers/auth.controller.js b/api_backend/controllers/auth.controller.js
new file mode 100644
index 0000000000..2b0f2127fe
--- /dev/null
+++ b/api_backend/controllers/auth.controller.js
@@ -0,0 +1,288 @@
+import bcrypt from 'bcryptjs';
+import crypto from 'crypto';
+
+import { User } from "../models/user.model.js";
+import { generateTokenAndSetCookie} from '../utils/generateTokenAndSetCookie.js';
+
+import { sendPasswordResetRequest,
+ sendResetSuccessEmail,
+ sendWelcomeEmail,
+ sendVerificationEmail } from "../mailtrap/emails.js";
+
+import cloudinary from '../cloudinary/cloudinary.js';
+import { console } from 'inspector/promises';
+
+export const checkAuth = async (req, res) => {
+ try {
+ const user = await User.findById(req.userId).select("-password").populate('ecole_id');
+ if (!user){
+ return res.status(400).json({ success: false, message: "Utilisateur introuvable" });
+ }
+ res.status(200).json({ success: true, user });
+ } catch (error) {
+ console.log("Error in checkAuth ", error);
+ res.status(400).json({ success: false, message: error.message });
+ }
+}
+
+
+export const signup = async (req, res) => {
+ const {lName, fName, pseudo, ecole_id, niveau, email, password} = req.body;
+ try {
+
+ // les champs requis doivent etre entrée
+ if(!lName, !fName, !pseudo, !ecole_id, !niveau, !email, !password){
+ throw new Error("Tout les champs sont requis")
+ }
+
+ // Error si l'email existe déja dans la db
+ const userAlreadyExists = await User.findOne({email});
+ console.log("userAlreadyExists", userAlreadyExists)
+ if (userAlreadyExists){
+ return res.status(400).json({sucess:false, message: "Adresse email déjà utilisée"});
+ }
+
+ const pseudoAlreadyExists = await User.findOne({pseudo});
+ console.log("pseudoAlreadyExists", pseudoAlreadyExists)
+ if (pseudoAlreadyExists){
+ return res.status(400).json({sucess:false, message: "pseudo déjà utilisé"});
+ }
+
+ // permet de hashé le mot de passe pour qu'il ne soit pas stocké une fois enregistré
+ const hashedPassword = await bcrypt.hash(password, 12);
+
+ // generation d'un Token random pour l'authentification
+ const verificationToken = Math.floor(100000 + Math.random() * 900000 );toString();
+ const user = new User({
+ lName,
+ fName,
+ pseudo,
+ ecole_id,
+ niveau,
+ email,
+ password: hashedPassword,
+ verificationToken,
+ verificationTokenExpiresAt: Date.now() + 24 * 60 * 60 * 1000 // 24 heures
+ })
+
+ // sauvegarde dans la db
+ user.isVerified = true
+ user.verificationToken = undefined;
+ user.verificationTokenExpiresAt = undefined;
+ await user.save();
+
+ //jwt
+ generateTokenAndSetCookie(res, user._id);
+
+ // await sendVerificationEmail(user.email, verificationToken);
+
+
+
+ res.status(201).json({
+ sucess: true,
+ message: "Utilisateur créé avec succès",
+ user: {
+ ...user._doc,
+ password: undefined // empèche le client de voire le mot de passe en le supprimant de la réponse
+ }
+ })
+
+ } catch (error) {
+ return res.status(400).json({sucess:false, message: error.message});
+ }
+}
+
+export const verifyEmail = async (req, res) => {
+ const {code} = req.body;
+ try {
+ const user = await User.findOne({
+ // s'assure qu'il y a un utilisateur avec ce Token et que le token n'est pas expiré
+
+ verificationToken: code,
+ verificationTokenExpiresAt: { $gt: Date.now()}
+ })
+ if (!user){
+ return res.status(400).json({sucess:false, message: "Invalid or expired verification code"})
+ }
+
+ user.isVerified = true;
+ user.verificationToken = undefined;
+ user.verificationTokenExpiresAt = undefined;
+ await user.save();
+
+ await sendWelcomeEmail(user.email, user.fName);
+ res.status(200).json({sucess:true,
+ message:"Email verified successfully",
+ user: {
+ ...user._doc,
+ password: undefined
+ }
+ })
+ } catch (error) {
+ console.log("Error in verifyEmail ", error)
+ res.status(500).json({success:false, message: "Server error"})
+ }
+}
+
+export const login = async (req, res) => {
+ const {email, password} = req.body;
+ try {
+ const user = await User.findOne({email}).populate('ecole_id');;
+ if (!user){
+ return res.status(400).json({sucess:false, message:"email incorrecte"})
+ }
+
+ const ispasswordValid = await bcrypt.compare(password, user.password);
+ if (!ispasswordValid){
+ return res.status(400).json({sucess:false, message:"Mot de passe incorrect"})
+ }
+
+ generateTokenAndSetCookie(res, user._id);
+ user.lastLogin = new Date();
+ await user.save();
+
+ res.status(200).json({
+ success:true,
+ message: "Logged in sucessfully",
+ user: {
+ ...user._doc,
+ password: undefined,
+ }
+
+ })
+ }
+ catch (error) {
+ console.log("Error in login, ", error)
+ return res.status(400).json({sucess:false, message: error.message});
+ }
+}
+
+export const logout = async (req, res) => {
+ res.clearCookie("token");
+ res.status(200).json({success: true, message: "Logged out successfully" });
+}
+
+export const forgotPassword = async (req, res) => {
+ const {email} = req.body;
+ try {
+ const user = await User.findOne({email});
+ if (!user){
+ return res.status(400).json({success:false, message:"Email does not exist"})
+ }
+
+ // génère un nouveau token pour le reset du mot de passe
+ const resetToken = crypto.randomBytes(20).toString("hex");
+
+ user.resetPasswordToken = resetToken;
+ user.resetPasswordExpiresAt = Date.now() + 1 * 60 * 60 * 1000; //1 heure
+
+ await user.save();
+
+ // envoie de l'email
+ await sendPasswordResetRequest(user.email, `${process.env.CLIENT_URL}/resetPassword/${resetToken}`);
+ res.status(200).json({success: true, message: "password reset link sent to your email" });
+
+ } catch (error) {
+ console.log("Error in forgotPassword ", error);
+ res.status(400).json({sucess: false, message: error.message});
+
+ }
+}
+
+export const resetPassword = async (req, res) => {
+ try {
+ const {token} = req.params;
+ const {password} = req.body;
+
+ const user = await User.findOne({
+ resetPasswordToken: token,
+ resetPasswordExpiresAt: {$gt: Date.now()},
+ });
+
+ if (!user){
+ return res.status(400).json({success: false, message: "invalid or expired reset token"})
+ }
+
+ // Nouveau mot de passe récupéré sera haché à nouveau
+ const hashedPassword = await bcrypt.hash(password,10);
+
+ user.password = hashedPassword
+ user.resetPasswordToken = undefined
+ user.resetPasswordExpiresAt = undefined
+ await user.save();
+
+ await sendResetSuccessEmail(user.email)
+
+ res.status(200).json({success:true, message:"Password reset successful"})
+ } catch (error) {
+ console.log("Error in resetPassword ", error)
+ res.status(400).json({success:false, message:error.message})
+
+ }
+
+}
+
+export const updatePic = async (req, res) => {
+ try {
+ const user = await User.findById(req.userId).select("-password"); // On récupère l'user de la DB
+ if (!user){
+ return res.status(400).json({success:false, message:"User not found"});
+ }
+
+ const {profilePic} = req.body
+ console.log("Données envoyées:", profilePic);
+
+ if(!profilePic){
+ return res.status(400).json({success:false, message:"Profile picture is required"})
+ }
+ const uploadResponse = await cloudinary.uploader.upload(profilePic, {
+ resource_type: "auto"
+ });
+ const updatedUser = await User.findByIdAndUpdate(user._id, {logo: uploadResponse.secure_url}, {new:true})
+
+ res.status(200).json({success:true, user:updatedUser})
+
+ } catch (error) {
+ console.log("error in update profile: ", error)
+ res.status(500).json({success:false, message:"Internal server error"})
+
+ }
+}
+
+export const updateProfile = async (req, res) => {
+ try {
+ const userId = req.userId; // Injecté par verifyToken
+ const { nom, prenom, pseudo, ecole_id, niveau, password } = req.body;
+
+ const user = await User.findById(userId).populate('ecole_id');;
+ if (!user) {
+ return res.status(404).json({ message: "Utilisateur non trouvé" });
+ }
+
+ // Mettre à jour les champs
+ if (nom) user.lName = nom;
+ if (prenom) user.fName = prenom;
+ if (pseudo) user.pseudo = pseudo;
+ if (ecole_id) user.ecole_id = ecole_id;
+ if (niveau) user.niveau = niveau;
+
+ // Si password fourni, on le hash avant update
+ if (password) {
+ const salt = await bcrypt.genSalt(10);
+ const hashedPassword = await bcrypt.hash(password, salt);
+ user.password = hashedPassword;
+ }
+
+ // Sauvegarde
+ await user.save();
+
+ // On enlève le mot de passe de la réponse
+ const { password: pwd, ...userData } = user._doc;
+
+ return res.status(200).json({success: true, message: "Profil mis à jour avec succès", user: userData });
+
+ } catch (error) {
+ console.error("Erreur updateProfile:", error);
+ return res.status(500).json({ message: "Erreur serveur" });
+ }
+};
diff --git a/api_backend/mailtrap/emailTemplates.js b/api_backend/mailtrap/emailTemplates.js
new file mode 100644
index 0000000000..4282bbd450
--- /dev/null
+++ b/api_backend/mailtrap/emailTemplates.js
@@ -0,0 +1,95 @@
+export const VERIFICATION_EMAIL_TEMPLATE = `
+
+
+
+
+
+ Verify Your Email
+
+
+
+
Verify Your Email
+
+
+
Hello,
+
Thank you for signing up! Your verification code is:
+
+ {verificationCode}
+
+
Enter this code on the verification page to complete your registration.
+
This code will expire in 15 minutes for security reasons.
+
If you didn't create an account with us, please ignore this email.
+
Best regards,
Your App Team
+
+
This is an automated message, please do not reply to this email.
+
+
Password Reset Successful
+
+
+
Hello,
+
We're writing to confirm that your password has been successfully reset.
+
+
If you did not initiate this password reset, please contact our support team immediately.
+
For security reasons, we recommend that you:
+
+ - Use a strong, unique password
+ - Enable two-factor authentication if available
+ - Avoid using the same password across multiple sites
+
+
Thank you for helping us keep your account secure.
+
Best regards,
Your App Team
+
+
This is an automated message, please do not reply to this email.
+
+
Password Reset
+
+
+
Hello,
+
We received a request to reset your password. If you didn't make this request, please ignore this email.
+
To reset your password, click the button below:
+
+
This link will expire in 1 hour for security reasons.
+
Best regards,
Your App Team
+
+
This is an automated message, please do not reply to this email.
+
+
+
+ {/* Fond flottant avec décalage du contenu */}
+
+ {/* Éléments décoratifs */}
+
+
+
+
+ {/* Contenu des pages */}
+
+
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ } />
+ {/* } /> */}
+
+
+
+
+
+
+
setOpen(!open)}
+ >
+ {value?.label || placeholder}
+
+
+
+
+
+ {open && (
+
+ {options.map((option) => (
+ - handleSelect(option)}
+ >
+ {option.label}
+
+ ))}
+
+ )}
+
+
+
+ {options.length > 0 ? (
+
+ ) : (
+
setTempValue(e.target.value)} // ✅ seulement setTempValue ici
+ className={inputClassNames}
+ />
+ )}
+
+ {isEditing ? (
+ <>
+
+
+
+ ) : (
+
+ )}
+
+
+
+ {/* Simple Loading Spinner */}
+
+
+
+ );
+};
+
+export default LoadingSpinner;
\ No newline at end of file
diff --git a/web_frontend/src/components/PasswordStrengthMeter.jsx b/web_frontend/src/components/PasswordStrengthMeter.jsx
new file mode 100644
index 0000000000..9201793e5a
--- /dev/null
+++ b/web_frontend/src/components/PasswordStrengthMeter.jsx
@@ -0,0 +1,78 @@
+import React from 'react'; // Ajoutez cette ligne en haut du fichier
+
+import { Check, X } from "lucide-react";
+
+const PasswordCriteria = ({ password }) => {
+ const criteria = [
+ { label: "Contient aumoin 6 caractère", met: password.length >= 6 },
+ { label: "Contient une majuscule", met: /[A-Z]/.test(password) },
+ { label: "Contient une minuscule", met: /[a-z]/.test(password) },
+ { label: "Contient un chiffre", met: /\d/.test(password) },
+ { label: "Contient un caractère spécial", met: /[^A-Za-z0-9]/.test(password) },
+ ];
+
+ return (
+
+ {criteria.map((item) => (
+
+ {item.met ? (
+
+ ) : (
+
+ )}
+ {item.label}
+
+ ))}
+
+
+ Force du mot de passe
+ {getStrengthText(strength)}
+
+
+
+ {[...Array(4)].map((_, index) => (
+
+ ))}
+
+
+
+
Modifier mon profil
+
+
+
+
+ Verifiez votre email
+
+ Entrer le code à 6 chiffres envoyé à votre adresse mail.
+
+
+
+
+
+ Mot de passe Oublié
+
+
+ {!isSubmitted ? (
+
+ ) : (
+
+
+
+
+
+ Si un compte existe pour {email}, Vous recevrez un mail dans un court instant. Attend un peu frère...
+
+
+ )}
+
+ {/* Sidebar fixe en hauteur et visible au scroll */}
+
+
+
+
+
+ setActiveSection("editProfile")}
+ >
+ Modifier le profil
+
+
+
+
+ Se déconnecter
+
+
+
+
+ {/* Contenu principal scrollable */}
+
+ {renderSection()}
+
+
+
Mes Équipes
+
+
+ {/* Une équipe */}
+
+
Team Alpha
+
Niveau moyen : Platine
+
Membres : Jean, Marc, Léo
+
+ - Match gagné contre Team Bravo
+ - Match perdu contre Team Delta
+
+
+
+ {/* Une autre équipe */}
+
+
Team Omega
+
Niveau moyen : Or
+
Membres : Alice, Bob, Claire
+
+ - Match gagné contre Team Zeta
+ - Match perdu contre Team Alpha
+
+
+
+
+
Mes Tournois
+
Statistiques globales :
+
+ - Matchs joués : 12
+ - Matchs gagnés : 7
+ - Matchs perdus : 5
+
+
Détails des matchs :
+
+ -
+ Team Alpha vs Team Bravo — Gagné
+
+ -
+ Team Alpha vs Team Delta — Perdu
+
+ {/* Autres matchs */}
+
+
+ Profil de {user.fName}
+
+
+
+
+
+
+
+ {selectedRank.label}
+
+
+
+
+
+
+ {isUpdatingPic ? "Uploading..." : "Cliquez sur l'icone pour mettre à jour la photo de profil"}
+
+
+
+ Informations utilisateur
+
+
+
+ Nom Complet
+
+ {user.lName} {user.fName}
+
+
+
+
+
+ Pseudo
+
+ {user.pseudo}
+
+
+
+
+
+ Adresse mail
+
+ {user.email}
+
+
+
+
+ Ecole
+
+ {user.ecole_id.nom}
+
+
+
+
+
+
+ Renouveller Le mot de passe
+
+ {error &&
{error}
}
+ {message &&
{message}
}
+
+
+
+
+ Déja inscrit?{" "}
+
+ Se Connecter
+
+
+
+
LAN Valorent
+
+ {/* Image centrale de l'arène */}
+ {/*
*/}
+
+ {/* Section des prix */}
+
+ Prix à gagner
+
+ - 1ère place : 500€ + Casques Gamer
+ - 2ème place : 250€ + Souris gaming
+ - 3ème place : Clavier mécanique RGB
+
+
+
+
+ {/* Boutons d'action */}
+
+
+
+
+
+
//{selectedAction === 'creation' && }
+ //{selectedAction === 'join' && }
+
+
+
+ Coucou mon chou
+
+
+
+
+
+ Pas encore de compte?{" "}
+
+ S'inscrire
+
+
+