diff --git a/app/controllers/project_controller.php b/app/controllers/project_controller.php
new file mode 100644
index 0000000..b8cf009
--- /dev/null
+++ b/app/controllers/project_controller.php
@@ -0,0 +1,115 @@
+<?php
+    require("../app/models/project_model.php");
+    require("../app/entities/project_entity.php");
+    require("../app/models/category_model.php");
+    require("../app/entities/category_entity.php");
+    require("../app/models/image_model.php");
+    require("../app/entities/image_entity.php");
+
+    /**
+     * Le controler des Project
+     * @author Yasser & Laura
+     */
+    class ProjectCtrl{
+
+        /**
+         * Fonction d'affichage de la page d'acceuil
+         */
+
+        public function home(){
+            
+            $objProjectModel 	= new ProjectModel;
+            $arrProject		    = $objProjectModel->findAll(4);
+            $arrProjectToDiplay = array();
+            foreach($arrProject as $arrDetProject){
+                $objProject = new Project;
+                $objProject->hydrate($arrDetProject);
+                $arrProjectToDiplay[] = $objProject;
+            }
+
+            include('../app/views/partials/header.php');
+            include('../app/views/home.php');
+            include('../app/views/partials/footer.php');
+
+        }
+
+        /**
+         * Fonction d'affichage de la barre de recherche
+         */
+
+        public function search(){
+
+            //variable pour faire fonctionner le script en footer
+            $strPage = "search";
+
+            // inclusion du header
+            include('../app/views/partials/header.php');
+        
+            //Récupérer les informations du Formulaire
+                $strKeywords 	= $_POST['keywords']??'';
+                $intAuthor		= $_POST['author']??0;
+                $intPeriod		= $_POST['period']??0;
+                $strDate		= $_POST['date']??'';
+                $strStartDate	= $_POST['startdate']??'';
+                $strEndDate		= $_POST['enddate']??'';
+                $intCategory	= $_POST['category']??0;
+            // Récupération des projetc 
+            $objProjectModel    = new ProjectModel;
+            $arrProject         = $objProjectModel->findAll(intAuthor:$intAuthor, intPeriod:$intPeriod, strDate:$strDate, 
+							        strKeywords:$strKeywords, strStartDate:$strStartDate, strEndDate:$strEndDate, intCategory:$intCategory);
+        
+            // Initialisation d'un tableau => objets
+            $arrProjectToDisplay    = array(); 
+            // Boucle de transformation du tableau de tableau en tableau d'objets
+            foreach($arrProject as $arrDetProject){
+                $objProject = new Project;
+                $objProject->hydrate($arrDetProject);
+                $arrProjectToDisplay[]  = $objProject;
+            }
+
+            // Récupération des utilisateurs
+            require_once("../app/models/user_model.php");
+            $objUserModel   = new UserModel;
+            $arrUser        = $objUserModel->findAllUsers();
+
+            // Récupération des catégories
+            require_once("../app/models/category_model.php");
+            $objCategoryModel   = new CategoryModel;
+            $arrCategory        = $objCategoryModel->findAllCategory();
+        
+        
+            include('../app/views/search.php');
+            include('../app/views/partials/footer.php');
+        }
+
+        /**
+         * Fonction d'affichage de la page projet
+         */
+
+        
+        public function project (){
+
+            $objProjectModel 	= new ProjectModel;
+            $arrProject		    = $objProjectModel->findAll(4);
+            $arrProjectToDiplay = array();
+            foreach($arrProject as $arrDetProject){
+                $objProject = new Project;
+                $objProject->hydrate($arrDetProject);
+                $arrProjectToDiplay[] = $objProject;
+            }
+
+            $objImageModel 	    = new ImageModel;
+            $arrImage		    = $objImageModel->findAllImage(4);
+            $arrImageToDiplay = array();
+            foreach($arrImage as $arrDetImage){
+                $objImage = new Image;
+                $objImage->hydrate($arrDetImage);
+                $arrImageToDiplay[] = $objImage;
+            }
+
+            include("../app/views/partials/header.php");
+            include('../app/views/project.php');
+            include('../app/views/partials/footer.php');
+            
+        }
+    }
\ No newline at end of file
diff --git a/app/controllers/user_controller.php b/app/controllers/user_controller.php
index 7ec6c18..ae38767 100644
--- a/app/controllers/user_controller.php
+++ b/app/controllers/user_controller.php
@@ -32,18 +32,11 @@ class UserCtrl{
 						$arrError[] = "Mail ou mot de passe invalide";
 					}else{
 						// Ajoute l'utilisateur en session
-						/*$_SESSION['firstname']	= $arrResult['user_firstname'];
-						$_SESSION['name']			= $arrResult['user_name'];
-						$_SESSION['id']				= $arrResult['user_id'];*/
-						// j'enlève le mot de passe avant la session
-						//unset($arrResult['user_pwd']);
 						$_SESSION['user']		= $arrResult;
 						$_SESSION['success'] 	= "Bienvenue, vous êtes bien connecté";
 						
 						header("Location:index.php");
 						exit;
-						//var_dump($_SESSION);
-						//var_dump("Connecté");
 					}
 				}
 			}	
diff --git a/app/entities/category_entity.php b/app/entities/category_entity.php
new file mode 100644
index 0000000..72ac739
--- /dev/null
+++ b/app/entities/category_entity.php
@@ -0,0 +1,57 @@
+<?php
+
+require_once("mother_entity.php");
+
+/**
+ * Classe d'un objet Projet
+ * @author Laura
+ */
+
+class Category extends Entity{
+
+    private int     $_id;
+    protected string  $_name = '';
+
+     /**
+     * Constructeur (j'ai toujours pas compris à quoi ça sert)
+     */
+    public function __construct(){
+        $this->_prefix = 'category_';
+    }
+
+    // Méthode Getter et Setter
+
+    /**
+     * Récuperation de l'id de la catégorie
+     * @return int l'id de la catégorie
+     */
+    public function getId():int{
+        return $this->_id;
+    }
+
+    /**
+     * Mise à jour de l'id de la catégorie
+     * @param int le nouvelle id
+     */
+    public function setId($id){
+        $this->_id = $id;
+    }
+
+    /**
+     * Récuperation du nom de la catégorie
+     * @return string nom de la catégorie
+     */
+    public function getName(){
+        return $this->_name;
+    }
+
+    /**
+     * Mise à jour du nom de la catégorie
+     * @param string le nouveau nom de la catégorie
+     */
+    public function setName($name){
+        $this->_name = $name;
+    }
+
+
+}
\ No newline at end of file
diff --git a/app/entities/image_entity.php b/app/entities/image_entity.php
new file mode 100644
index 0000000..b919d67
--- /dev/null
+++ b/app/entities/image_entity.php
@@ -0,0 +1,91 @@
+<?php
+
+require_once("mother_entity.php");
+
+/**
+ * Classe d'un objet Projet
+ * @author Laura
+ */
+
+    class Image extends Entity{
+
+    private int       $_id;
+    private string    $_name = '';
+    private string    $_alt = '';
+    private string    $_status ='';
+    private int       $_project = 0; 
+
+
+
+    //le construc habituel
+     public function __construct(){
+        $this->_prefix = 'image_';
+    }
+
+    // Méthode Getter et Setter
+
+    /**
+     * Récuperation de l'id de l'image
+     * @return int l'id de l'image
+     */
+    public function getId():int{
+        return $this->_id;
+    }
+
+    /**
+     * Mise à jour de l'id de l'image
+     * @param int le nouvelle id
+     */
+    public function setId($id){
+        $this->_id = $id;
+    }
+
+    /**
+     * Récuperation du nom de l'image
+     * @return string nom de l'image
+     */
+    public function getName(){
+        return $this->_name;
+    }
+
+    /**
+     * Mise à jour du nom de l'image
+     * @param string le nouveau nom de l'image
+     */
+    public function setName($name){
+        $this->_name = $name;
+    }
+
+    /**
+     * Récuperation de l'alt
+     * @return string contenu de l'alt
+     */
+    public function getAlt(){
+        return $this->_alt;
+    }
+
+    /**
+     * Mise à jour de l'alt
+     * @param string le nouveau contenu de l'alt
+     */
+    public function setAlt($alt){
+        $this->_alt = $alt;
+    }
+
+    /**
+     * Récuperation du statut de la photo
+     * @return string du statut
+     */
+    public function getStatus(){
+        return $this->_status;
+    }
+
+    /**
+     * Mise à jour du statut de la photo
+     * @param string le nouveau statut de la photo
+     */
+    public function setStatus($status){
+        $this->_status = $status;
+    }
+
+    }
\ No newline at end of file
diff --git a/app/entities/mother_entity.php b/app/entities/mother_entity.php
new file mode 100644
index 0000000..992fb89
--- /dev/null
+++ b/app/entities/mother_entity.php
@@ -0,0 +1,29 @@
+<?php
+
+    /**
+     * Classe d'un Mere de tout objet 
+     * @author Yass & Laura
+     */
+
+    class Entity{
+
+        protected string    $_prefix = '';
+
+
+        public function hydrate(array $arrData){
+            foreach($arrData as $key=>$value){
+                $strMethodName = "set".ucfirst(str_replace($this->_prefix,'',$key));
+                if (method_exists($this,$strMethodName)){
+                    $this->$strMethodName($value);
+                }
+            }
+        }
+
+        protected function nettoyer(string $strText){
+			$strText	= trim($strText);
+			$strText	= str_replace("<script>", "", $strText);
+			$strText	= str_replace("</script>", "", $strText);
+			return $strText;
+		}
+
+    }
\ No newline at end of file
diff --git a/app/entities/project_entity.php b/app/entities/project_entity.php
new file mode 100644
index 0000000..ab9047e
--- /dev/null
+++ b/app/entities/project_entity.php
@@ -0,0 +1,220 @@
+<?php
+require_once("mother_entity.php");
+/**
+ * Classe d'un objet Projet
+ * @author Yass
+ */
+
+class Project extends Entity{
+
+    private int     $_id;
+    private string  $_title;
+    private string  $_description;
+    private string  $_thumbnail;
+    private string  $_content;
+    private string  $_creation_date;
+    private string  $_status;
+    private int     $_user;
+    private int     $_category;
+    private string  $_creatorname;
+    private string  $_user_image;
+
+
+    /**
+     * Constructeur (logique mdrr)
+     */
+    public function __construct(){
+        $this->_prefix = 'project_';
+    }
+
+    // Méthode Getter et Setter
+
+    /**
+     * Récuperation de l'id du Projet
+     * @return int l'id du projet
+     */
+    public function getId():int{
+        return $this->_id;
+    }
+
+    /**
+     * Mise à jour de l'id du projet 
+     * @param int le nouvelle id
+     */
+    public function setId($id){
+        $this->_id = $id;
+    }
+
+    /**
+     * Récuperation du titre
+     * @return string tite du projet
+     */
+    public function getTitle(){
+        return $this->_title;
+    }
+
+    /**
+     * Mise à jour du titre
+     * @param string le nouveau titre
+     */
+    public function setTitle($title){
+        $this->_title = $title;
+    }
+
+    /**
+     * Récuperation de la description
+     * @return string description du projet
+     */
+    public function getDescription(){
+        return $this->_description;
+    }
+
+    /**
+     * Mise à jour de la description
+     * @param string la nouvelle description
+     */
+    public function setDescription($description){
+        $this->_description = $description;
+    }
+
+
+    /**
+     * Récuperation de l'image
+     * @return string chemin vers l'image
+     */
+    public function getThumbnail(){
+        return $this->_thumbnail;
+    }
+
+    /**
+     * Mise à jour de l'image
+     * @param string chemin vers nouvelle image
+     */
+    public function setThumbnail($thumbnail){
+        $this->_thumbnail = $thumbnail;
+    }
+
+    /**
+     * Récuperation du contenue
+     * @return string contenue du projet
+     */
+    public function getContent(){
+        return $this->_content;
+    }
+
+    /**
+     * Mise à jour du contenue
+     * @param string le nouveau contenue
+     */
+    public function setContent($content){
+        $this->_content = $content;
+    }
+
+
+    /**
+     * Récupération de la date de création
+     * @param  string lang de formatage de la date (par défaut = "fr_FR")
+     * @return string date de création formatter
+     */
+    public function getCreation_date(string $strFormat = "fr_FR"){
+        $objDate = new DateTime($this->_creation_date);
+
+        $objDateFormatter = new IntlDateFormatter(
+            $strFormat,
+            IntlDateFormatter::LONG,
+            IntlDateFormatter::NONE,
+            
+        );
+        $strFormat = $objDateFormatter->format($objDate);
+        return $strFormat;
+    }
+
+    /**
+     * Mise à jour de la date de création
+     * @param string la nouvelle date de création
+     */
+    public function setCreation_date($creation_date){
+        $this->_creation_date = $creation_date;
+    }
+
+    /**
+     * Récupération du statut
+     * @return string statut
+     */
+    public function getStatus(){
+        return $this->_status;
+    }
+
+    /**
+     * Mise à jour du statut
+     * @param string le nouveau statut
+     */
+    public function setStatus($status){
+        $this->_status = $status;
+    }
+
+    /**
+     * Récupération de l'utilisateur
+     * @return int id de l'utilisateur
+     */
+    public function getUser(){
+        return $this->_user;
+    }
+
+    /**
+     * Mise à jour de l'utilisateur
+     * @param int id de l'utilisateur
+     */
+    public function setUser($user){
+        $this->_user = $user;
+    }
+
+    /**
+     * Récupération de la catégorie
+     * @return int id de la catégorie
+     */
+    public function getCategory(){
+        return $this->_category;
+    }
+
+    /**
+     * Mise à jour de la catégorie
+     * @param int id de la catégorie
+     */
+    public function setCategory($category){
+        $this->_category = $category;
+    }
+
+    /**
+     * Récupération du nom du créateur
+     * @return string nom du créateur
+     */
+    public function getCreatorName(){
+        return $this->_creatorname;
+    }
+
+    /**
+     * Mise à jour du nom du créateur
+     * @param string le nom du créateur
+     */
+    public function setCreatorName($creatorname){
+        $this->_creatorname = $creatorname;
+    }
+    /**
+     * Récupération du chemin photo profil
+     * @return string nom du chemin photo profil
+     */
+    public function getUser_image(){
+        return $this->_user_image;
+    }
+
+    /**
+     * Mise à jour du chemin photo profil
+     * @param string chemin photo profil
+     */
+    public function setUser_image($user_image){
+        $this->_user_image = $user_image;
+    }
+
+
+}
\ No newline at end of file
diff --git a/app/entities/user_entity.php b/app/entities/user_entity.php
new file mode 100644
index 0000000..6fa9d08
--- /dev/null
+++ b/app/entities/user_entity.php
@@ -0,0 +1,51 @@
+<?php
+	require_once("mother_entity.php");
+	
+	class User extends Entity{
+		// Attributs 
+		private string $_name = '';
+		private string $_firstname = '';
+		private string $_mail = '';
+		private string $_pwd;	
+		
+		/**
+		* Constructeur
+		*/
+		public function __construct(){
+			// Préfixe de la table pour hydratation
+			$this->_prefixe = 'user_';
+		}
+		
+		// Méthodes - getters et setters
+		public function getName():string{
+			return $this->_name;
+		}
+		public function setName(string $strNewName){
+			$this->_name = $this->nettoyer($strNewName);
+		}
+		public function getFirstname():string{
+			return $this->_firstname;
+		}
+		public function setFirstname(string $strFirstname){
+			$this->_firstname = $this->nettoyer($strFirstname);
+		}
+		public function getMail():string{
+			return $this->_mail;
+		}
+		public function setMail(string $strMail){
+			$this->_mail = strtolower($this->nettoyer($strMail));
+		}
+		public function getPwd():string{
+			return $this->_pwd;
+		}
+		public function getPwdHash():string{
+			return password_hash($this->_pwd, PASSWORD_DEFAULT);
+		}
+		public function setPwd(string $strPwd){
+			$this->_pwd = $strPwd;
+		}		
+		
+		
+		
+		
+	}
\ No newline at end of file
diff --git a/app/models/category_model.php b/app/models/category_model.php
new file mode 100644
index 0000000..4aa3e6c
--- /dev/null
+++ b/app/models/category_model.php
@@ -0,0 +1,25 @@
+<?php
+	require_once('../config/database.php');
+	
+	/**
+	* Traitement des requêtes pour les catégories
+	* @author : Laura
+	*/
+
+	class CategoryModel extends Connect{
+
+        public function findAllCategory(int $intLimit=0):array{
+			
+			// Ecrire la requête
+			$strRq	= "SELECT category.* 
+						FROM category";
+			
+			
+			if ($intLimit > 0){
+				$strRq  .= " LIMIT ".$intLimit;
+			}
+
+			// Lancer la requête et récupérer les résultats
+			return $this->_db->query($strRq)->fetchAll();
+		}
+    }
\ No newline at end of file
diff --git a/app/models/image_model.php b/app/models/image_model.php
new file mode 100644
index 0000000..6c0ca45
--- /dev/null
+++ b/app/models/image_model.php
@@ -0,0 +1,25 @@
+<?php
+	require_once('../config/database.php');
+	
+/**
+ * Traitement de la requête pour les images
+ * @author Laura
+ */
+
+	class ImageModel extends Connect{
+
+        public function findAllImage(int $intLimit=0):array{
+			
+			// Ecrire la requête
+			$strRq	= "SELECT image.* 
+						FROM image";
+			
+			
+			if ($intLimit > 0){
+				$strRq  .= " LIMIT ".$intLimit;
+			}
+
+			// Lancer la requête et récupérer les résultats
+			return $this->_db->query($strRq)->fetchAll();
+		}
+    }
\ No newline at end of file
diff --git a/app/models/project_model.php b/app/models/project_model.php
new file mode 100644
index 0000000..6b1fecb
--- /dev/null
+++ b/app/models/project_model.php
@@ -0,0 +1,76 @@
+<?php
+	require_once('../config/database.php');
+
+	/**
+	* Traitement des requêtes pour les projets
+	* @author : Laura
+	*/
+	
+	class ProjectModel extends Connect{
+		
+		public function findAll(int $intLimit=0, string $strKeywords='', int $intAuthor=0, 
+						 int $intPeriod=0, string $strDate='', string $strStartDate='', 
+						 string $strEndDate='', int $intCategory=0):array{
+			
+			// Ecrire la requête
+			$strRq	= "SELECT project.*, 
+						CONCAT(user_firstname, ' ', user_name) AS 'project_creatorname',
+						user_image
+						FROM project
+							INNER JOIN users ON user_id = project_user";
+			
+			$strWhere	= " WHERE ";
+			// Recherche par mot clé
+			if ($strKeywords != '') {
+				$strRq .= " WHERE (project_title LIKE '%".$strKeywords."%'
+								OR project_content LIKE '%".$strKeywords."%') ";
+
+				//$boolWhere	= true;
+				$strWhere	= " AND ";
+			}
+			
+			// Recherche par auteur
+			if ($intAuthor > 0){
+				$strRq .= $strWhere." user_id = ".$intAuthor;
+				$strWhere	= " AND ";
+			}
+
+			// Recherche par catégorie
+			if ($intCategory > 0){
+				$strRq .= $strWhere." project_category = ".$intCategory;
+				$strWhere	= " AND ";
+			}
+			
+			// Recherche par dates
+			if ($intPeriod == 0){
+				// Par date exacte
+				if ($strDate != ''){
+					$strRq .= $strWhere." project_creation_date = '".$strDate."'";
+				}
+			}else{
+				// Par période de dates
+				if ($strStartDate != '' && $strEndDate != ''){
+					$strRq .= $strWhere." project_creation_date BETWEEN '".$strStartDate."' AND '".$strEndDate."'";
+				}else{
+					if ($strStartDate != ''){
+						// A partir de
+						$strRq .= $strWhere." project_creation_date >= '".$strStartDate."'";
+					}else if ($strEndDate != ''){
+						// Avant le
+						$strRq .= $strWhere." project_creation_date <= '".$strEndDate."'";
+					}
+				}
+			}
+			
+			$strRq .= " ORDER BY project_creation_date DESC";
+
+
+			if ($intLimit > 0){
+				$strRq  .= " LIMIT ".$intLimit;
+			}
+
+			// Lancer la requête et récupérer les résultats
+			var_dump($strRq);
+			return $this->_db->query($strRq)->fetchAll();
+		}
+	}
\ No newline at end of file
diff --git a/app/views/connexion.php b/app/views/connexion.php
index aba0f13..60c2e7b 100644
--- a/app/views/connexion.php
+++ b/app/views/connexion.php
@@ -3,6 +3,11 @@
 
     <!-- Centrage horizontal du formulaire -->
     <div class="row justify-content-center">
+    <!-- Contenu principal de la page -->
+    <main class="container py-5">
+
+        <!-- Centrage horizontal du formulaire -->
+        <div class="row justify-content-center">
         <div class="col-12 col-md-8 col-lg-5">
 
             <!-- Carte contenant le formulaire de connexion -->
diff --git a/app/views/home.php b/app/views/home.php
new file mode 100644
index 0000000..b85dc3b
--- /dev/null
+++ b/app/views/home.php
@@ -0,0 +1,17 @@
+<section class="container mt-5 p-5 d-flex flex-column align-items-center text-center">
+    <h1 class="logo">Folliow</h1>
+    <h2>Là où les talents rencontrent leur avenir</h2>
+    <p class="col-6">Une plateforme de portfolio adapté à vos besoins et aux besoins des entreprises. 
+        Créer un portfolio réellement pertinent aux exigences du marché et rentrez 
+        directement en contact avec les entreprises.</p>
+</section>
+
+<section aria-label="Articles récents">
+	<h2 class="visually-hidden">Les 4 derniers articles</h2>
+	<div class="row mb-2">
+	<?php
+        foreach($arrProjectToDiplay as $objProject){
+            include("../app/views/partials/preview.php");
+        }
+    ?> 
+</section>
\ No newline at end of file
diff --git a/app/views/inscription.php b/app/views/inscription.php
index e52b5b3..9595a92 100644
--- a/app/views/inscription.php
+++ b/app/views/inscription.php
@@ -3,6 +3,11 @@
 
     <!-- Centrage du formulaire -->
     <div class="row justify-content-center">
+    <!-- Contenu principal de la page -->
+    <main class="container py-5">
+
+        <!-- Centrage horizontal du formulaire -->
+        <div class="row justify-content-center">
         <div class="col-12 col-md-10 col-lg-6">
 
             <!-- Carte Bootstrap contenant le formulaire -->
@@ -192,6 +197,119 @@
 
                     </div>
                 </form>
+                </div>
+
+                <!-- Champ : adresse e-mail -->
+                <div class="col-12">
+                    <label class="form-label" for="user_mail">
+                        Adresse e-mail *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="email"
+                        id="user_mail"
+                        name="user_mail"
+                        required
+                    >
+                </div>
+
+                <!-- Champ : mot de passe -->
+                <div class="col-12">
+                    <label class="form-label" for="user_password">
+                        Mot de passe *
+                    </label>
+                    <input
+                        class="form-control"
+                        type="password"
+                        id="user_password"
+                        name="user_password"
+                        required
+                    >
+                </div>
+
+                    <!-- Confirmation du mot de passe -->
+                <div class="col-12">
+                    <label class="form-label" for="pwd_confirm">
+                        Confirmation du mot de passe *
+                    </label>
+                    <input
+                        class="form-control <?php if (isset($arrError['pwd_confirm'])) echo 'is-invalid'; ?>"
+                        type="password"
+                        id="pwd_confirm"
+                        name="pwd_confirm"
+                        required
+                    >
+                </div>
+
+                <!-- Champ optionnel : numéro de téléphone -->
+                <div class="col-12">
+                    <label class="form-label" for="user_phone">
+                        Téléphone
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_phone"
+                        name="user_phone"
+                    >
+                </div>
+
+                <!-- Champ optionnel : profession de l'utilisateur -->
+                <div class="col-12">
+                    <label class="form-label" for="user_work">
+                        Profession
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_work"
+                        name="user_work"
+                    >
+                </div>
+
+                <!-- Champ optionnel : localisation de l'utilisateur -->
+                <div class="col-12">
+                    <label class="form-label" for="user_location">
+                        Localisation
+                    </label>
+                    <input
+                        class="form-control"
+                        type="text"
+                        id="user_location"
+                        name="user_location"
+                    >
+                </div>
+
+                <!-- Champ optionnel : phrase d'accroche / description courte -->
+                <div class="col-12">
+                    <label class="form-label" for="user_description">
+                        Phrase d'accroche
+                    </label>
+                    <textarea
+                        class="form-control"
+                        id="user_description"
+                        name="user_description"
+                        rows="3"
+                    ></textarea>
+                </div>
+
+                <!-- Bouton de soumission du formulaire -->
+                <div class="col-12 d-grid mt-2">
+                    <button type="submit" class="btn btn-primary btn-lg rounded-3">
+                        Créer mon compte
+                    </button>
+                </div>
+
+                <!-- Lien vers la page de connexion -->
+                <div class="col-12 text-center">
+                    <small class="text-secondary">
+                        Déjà un compte ?
+                        <a href="connexion.php">Se connecter</a>
+                    </small>
+                </div>
+
+                </div>
+            </form>
 
             </div>
 
diff --git a/app/views/login.php b/app/views/login.php
new file mode 100644
index 0000000..0021e56
--- /dev/null
+++ b/app/views/login.php
@@ -0,0 +1,23 @@
+<section aria-label="Se connecter">
+    <?php if (count($arrError) > 0) {?>
+        <div class="alert alert-danger">
+        <?php foreach ($arrError as $strError){ ?>
+            <p><?php echo $strError; ?></p>
+        <?php }    ?>
+        </div>
+    <?php } ?>
+    <form method="post">
+        <p>
+            <label>Mail:</label>
+            <input name="mail" value="<?php echo($strMail); ?>" 
+                class="form-control <?php if (isset($arrError['mail'])) { echo 'is-invalid'; } ?> " type="text" >
+        </p>
+        <p>
+            <label>Mot de passe:</label>
+            <input name="pwd" class="form-control <?php if (isset($arrError['pwd'])) { echo 'is-invalid'; } ?> " type="text" >
+        </p>
+        <p>
+            <input class="form-control btn btn-primary" type="submit" >
+        </p>
+    </form>
+</section>
\ No newline at end of file
diff --git a/app/views/partials/footer.php b/app/views/partials/footer.php
new file mode 100644
index 0000000..c380f5b
--- /dev/null
+++ b/app/views/partials/footer.php
@@ -0,0 +1,32 @@
+
+    <footer class="footer container-fluid d-flex justify-content-around">
+            <div class="col-3">
+                <ul>
+                    <li><a href="#">Découvrir</a>
+                    <li><a href="#">Customisation</a>
+                    <li><a href="#">Emploi</a>
+                    <li><a href="#">A propos</a>
+                </ul>
+            </div>
+            <div class="col-3">
+                <ul>
+                    <li><a href="#">Recruter</a>
+                    <li><a href="#">Partenariat</a>
+                    <li><a href="#">Blog</a>
+                    <li><a href="#">Aide et support</a>
+                </ul>
+            </div>
+            <div class="col-3">
+                <ul>
+                    <li><a href="#">Politique de confidentialité</a>
+                    <li><a href="#">Politique sur les données</a>
+                    <li><a href="#">CGU</a>
+                    <li><a href="#">CGV</a>
+                </ul>
+            </div>
+            <div class="col-3">
+                <p>Suivez-nous</p>
+            </div>
+    </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/partials/header.php b/app/views/partials/header.php
new file mode 100644
index 0000000..1c00337
--- /dev/null
+++ b/app/views/partials/header.php
@@ -0,0 +1,88 @@
+<?php 
+    session_start();
+    
+?>
+
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="assests/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+    <title>Folliow</title>
+</head>
+<body>
+      <nav class="navbar navbar-expand-lg navbar-light">
+        <div class="container-fluid">
+            <!-- Logo -->
+            <a class="navbar-brand d-flex align-items-center" href="#">
+                <img src="assests/img/logo.png" alt="Logo" class="logo-image">
+            </a>
+            
+            <!-- Toggler pour mobile -->
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            
+            <!-- Menu de navigation -->
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav me-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" href="?ctrl=&action=">Découvrir</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="?ctrl=''&action=''">Customisation</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="?ctrl=''&action=''">Orientation</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="?ctrl=''&action=''">À propos</a>
+                    </li>
+
+                    <li class="nav-item">
+                        <a class="nav-link" href="?ctrl=project&action=search">Rechercher</a>
+                    </li>
+                </ul>
+                
+                <!-- Menu secondaire -->
+                        <nav class="col-4 d-flex justify-content-end align-items-center" aria-label="Connexion utilisateur">
+                                <?php if (!isset($_SESSION['user'])){ ?>
+                                <!--- Utilisateur non connecté -->
+                                <ul class="navbar-nav ">    
+                                    <li class="nav-item">
+                                <a class="nav-link" href="index.php?ctrl=user&action=signin" title="Créer un compte" aria-label="Créer un compte">
+                                    S'inscrire
+                                </a>
+                                    </li>
+                            <li class="nav-item ">    
+                                <a class="nav-link" href="index.php?ctrl=user&action=login" title="Se connecter" aria-label="Se connecter">
+                                    Se connecter 
+                                </a>
+                            </li>
+                        </ul> 
+                                <?php }else{ ?>
+                                <!--- Utilisateur connecté -->
+                        <ul class="navbar-nav ">   
+                            <li class="nav-item "> 
+                                <a class="nav-link" href="edit_account.php" title="Modifier mon compte" aria-label="Modifier mon  compte">
+                                     <img src=".<?php echo $_SESSION["user"]["user_image"]; ?>"
+                                                class="rounded-circle flex-shrink-0 mt-2 ml-5"
+                                                style="width: 36px; height: 36px; object-fit: cover;"
+                                                alt="Photo de profil">
+                                </a>
+                            </li>
+
+                            <li class="nav-item "> 
+                                <a class="nav-link" href="index.php?ctrl=user&action=logout" title="Se déconnecter" aria-label="Se déconnecter">
+                                    Logout
+                                </a>
+                            </li>
+                        </ul>
+                                <?php } ?>
+                        </nav>
+            </div>
+        </div>
+    </nav>
\ No newline at end of file
diff --git a/app/views/partials/preview.php b/app/views/partials/preview.php
new file mode 100644
index 0000000..1cfefba
--- /dev/null
+++ b/app/views/partials/preview.php
@@ -0,0 +1,38 @@
+<article class="col-md-3 mb-4">
+    <div class="card h-100 shadow-sm article-card">
+        
+        <!-- IMAGE (80%) -->
+        <div class="ratio ratio-16x9">
+            <img src=".<?php echo $objProject->getThumbnail(); ?>"
+            class="w-100 h-100 object-fit-cover"
+            alt=""
+            loading="lazy">
+        </div>
+
+        <div class="d-flex align-items-start gap-3">
+
+    <!-- PHOTO DE PROFIL -->
+    <img src=".<?php echo $objProject->getUser_image(); ?>"
+         class="rounded-circle flex-shrink-0 mt-2 ml-5"
+         style="width: 48px; height: 48px; object-fit: cover;"
+         alt="Photo de profil">
+
+    <!-- INFOS -->
+    <div class="flex-grow-1 card-body p-3">
+        <h3 class="h6 mb-1"><?php echo $objProject->getTitle(); ?></h3>
+
+        <small class="text-body-secondary d-block mb-1">
+            <time><?php echo $objProject->getCreation_date(); ?></time>
+            – <?php echo $objProject->getCreatorname(); ?>
+        </small>
+
+        <a href="?id=<?php echo $objProject->getId()?>"
+           class="stretched-link small">
+            Lire la suite →
+        </a>
+    </div>
+
+</div>
+
+    </div>
+</article>
diff --git a/app/views/project.php b/app/views/project.php
new file mode 100644
index 0000000..6552ae4
--- /dev/null
+++ b/app/views/project.php
@@ -0,0 +1,31 @@
+<body>
+    <section class="container mt-5 p-5 d-flex flex-column align-items-center justify-content-center">
+        <h2>Alimenter votre projet</h2>
+        <div class="justify-content-center align-items-center">
+            <button type="button" class="btn btn-primary rounded-circle d-flex justify-content-center align-items-center"><span class="fs-4 fw-bold text-white mb-2 ms-2 me-2">+</span></button>
+        </div class="col-12">
+            <div>
+                <h3 class="fw-semibold fs-3 my-5">Description</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
+                    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+            </div>
+            <div class="col-12">
+                <h3 class="fw-semibold fs-3 my-5">Photos behind the scene</h3>
+                <div class="row my-2">
+                    <img class="bd-placeholder-img" width="200" height="250" src="<?= isset($objImage) ? '../../public/assets/img/'.$objImage->getName() : '' ?>" alt="<?php echo $objImage->getAlt(); ?>" loading="lazy">
+                </div>
+            </div>
+            <div class="col-12">
+                <h3>Other projects</h3>
+                <div class="row my-2">
+                    <?php
+                        foreach($arrProjectToDiplay as $objProject){
+                            include("../app/views/partials/preview.php");
+                        }
+                    ?> 
+                </div>
+            </div>
+        </div>
+    <section>
+</body>
\ No newline at end of file
diff --git a/app/views/search.php b/app/views/search.php
new file mode 100644
index 0000000..a6b8e02
--- /dev/null
+++ b/app/views/search.php
@@ -0,0 +1,194 @@
+<section aria-label="Blog">
+			<h2 class="visually-hidden">Rechercher parmi les articles</h2>
+            <div class="row mb-2">
+				<section class="mb-5" aria-labelledby="search-heading">
+					<form name="formSearch" method="post" action="?ctrl=project&action=search" class="border rounded p-4 bg-light">
+						<h3 id="search-heading" class="h4 mb-4">
+							<i class="fas fa-search me-2" aria-hidden="true"></i>
+							Rechercher des articles
+						</h3>
+						
+						<div class="row g-3">
+							<div class="col-md-6">
+								<label for="keywords" class="form-label">Mots-clés</label>
+								<input 
+									value=""
+									type="text" 
+									class="form-control" 
+									id="keywords" 
+									name="keywords"
+									placeholder="Ex: JavaScript, CSS..."
+									aria-describedby="keywords-help">
+								<small id="keywords-help" class="form-text text-muted">
+									Recherchez dans les titres et contenus
+								</small>
+							</div>
+							
+							<div class="col-md-6">
+								<label for="author" class="form-label">Auteur</label>
+								<select class="form-select" id="author" name="author">
+									<option value="0" <?php echo ($intAuthor == 0)?'selected':''; ?>>Tous les auteurs</option>
+									<?php
+									foreach($arrUser as $arrDetUser){
+									?>
+										<option value="<?php echo $arrDetUser['user_id']; ?>" 
+											<?php echo ($intAuthor == $arrDetUser['user_id'])?'selected':''; ?> 
+										>
+											<?php echo $arrDetUser['user_firstname'].' '.$arrDetUser['user_name']; ?>
+										</option>
+									<?php
+									}
+									?>
+								</select>
+							</div>
+
+							
+							<div class="col-6">
+								<fieldset>
+									<legend class="form-label">Type de recherche par date</legend>
+									<div class="form-check form-check-inline">
+										<input 
+											class="form-check-input" 
+											type="radio" 
+											name="period" 
+											id="period-exact" 
+											value="0" 
+											<?php echo ($intPeriod == 0)?'checked':'' ; ?>
+											aria-controls="date-exact date-range">
+										<label class="form-check-label" for="period-exact">
+											Date exacte
+										</label>
+									</div>
+									<div class="form-check form-check-inline">
+										<input 
+											class="form-check-input" 
+											type="radio" 
+											name="period" 
+											id="period-range" 
+											value="1"
+											<?php echo ($intPeriod == 1)?'checked':'' ; ?>
+											aria-controls="date-exact date-range">
+										<label class="form-check-label" for="period-range">
+											Période
+										</label>
+									</div>
+								</fieldset>
+							</div>
+								<!-- AJOUT RECHERCHE PAR CATEGORIE -->
+							<div class="col-6">
+								<fieldset>
+									<legend class="form-label">Type de recherche par catégories</legend>
+									<div class="col-md-6">
+										<label for="author" class="form-label">Catégorie</label>
+										<select class="form-select" id="category" name="category">
+											<option value="0" <?php echo ($intCategory == 0)?'selected':''; ?>>Toutes les catégories</option>
+											<?php
+											foreach($arrCategory as $arrDetCategory){
+											?>
+												<option value="<?php echo $arrDetCategory['category_id']; ?>" 
+													<?php echo ($intCategory == $arrDetCategory['category_id'])?'selected':''; ?> >
+													<?php echo $arrDetCategory['category_name']; ?>
+												</option>
+											<?php
+											}
+											?>
+										</select>
+									</div>
+								</fieldset>
+							</div>
+							
+							<div class="col-md-6" id="date-exact">
+								<label for="date" class="form-label">Date</label>
+								<input 
+									type="date" 
+									class="form-control" 
+									id="date" 
+									name="date"
+									aria-describedby="date-help"
+									value="<?php echo $strDate; ?>" >
+								<small id="date-help" class="form-text text-muted">
+									Format: JJ/MM/AAAA
+								</small>
+							</div>
+							
+							<div id="date-range" style="display: none;">
+								<div class="row g-3">
+									<div class="col-md-6">
+										<label for="startdate" class="form-label">Date de début</label>
+										<input 
+											type="date" 
+											class="form-control" 
+											id="startdate" 
+											name="startdate"
+											value="<?php echo $strStartDate; ?>" >
+									</div>
+									<div class="col-md-6">
+										<label for="enddate" class="form-label">Date de fin</label>
+										<input 
+											type="date" 
+											class="form-control" 
+											id="enddate" 
+											name="enddate"
+											value="<?php echo $strEndDate; ?>" >
+									</div>
+								</div>
+							</div>
+							
+							<div class="col-12">
+								<button type="submit" class="btn btn-primary">
+									<i class="fas fa-search me-2" aria-hidden="true"></i>
+									Rechercher
+								</button>
+								<button type="reset" class="btn btn-secondary ms-2">
+									<i class="fas fa-redo me-2" aria-hidden="true"></i>
+									Réinitialiser
+								</button>
+							</div>
+						</div>
+					</form>
+				</section>
+
+				<!-- Liste des articles -->
+				<section aria-labelledby="articles-heading">
+            <h3 id="articles-heading" class="visually-hidden">Liste des projets</h3>
+            <div class="row mb-2">
+				<?php
+				if (count($arrProject) == 0){
+				?>
+					<div class="alert alert-warning">
+						<p>Pas de résultats</p>
+					</div>
+				<?php
+				}
+				foreach($arrProjectToDisplay as $objProject){
+					include("../app/views/partials/preview.php");
+				} ?>                
+            </div>
+        </section>
+	</div>
+</section>
+	<script>
+        // Gestion de l'affichage des champs de date
+        const periodRadios = document.querySelectorAll('input[name="period"]');
+        const dateExact = document.getElementById('date-exact');
+        const dateRange = document.getElementById('date-range');
+        
+        function toggleDateFields() {
+            const selectedPeriod = document.querySelector('input[name="period"]:checked').value;
+            
+            if (selectedPeriod === '0') {
+                dateExact.style.display = 'block';
+                dateRange.style.display = 'none';
+            } else {
+                dateExact.style.display = 'none';
+                dateRange.style.display = 'block';
+            }
+        }
+        
+        periodRadios.forEach(radio => {
+            radio.addEventListener('change', toggleDateFields);
+        });
+        
+        // Initialisation au chargement
+        toggleDateFields();
+    </script>
diff --git a/config/database.php b/config/database.php
new file mode 100644
index 0000000..e24c28e
--- /dev/null
+++ b/config/database.php
@@ -0,0 +1,23 @@
+<?php
+	class Connect {
+		
+		protected $_db;
+
+		public function __construct(){
+			try{
+				// Connexion à la base de données
+				$this->_db	= new PDO(
+								"mysql:host=localhost;dbname=projet_folliow", // Serveur et BDD
+								"root", //Nom d'utilisateur de la base de données
+								"",// Mot de passe de la base de données
+								array(PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC) // Mode de renvoi
+				);
+				// Pour résoudre les problèmes d’encodage
+				$this->_db->exec("SET CHARACTER SET utf8");
+				// Configuration des exceptions
+				$this->_db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);			
+			} catch(PDOException$e) {
+				echo "Échec : " . $e->getMessage();
+			}
+		}
+	}
\ No newline at end of file
diff --git a/database/database.sql b/database/database.sql
new file mode 100644
index 0000000..649db7d
--- /dev/null
+++ b/database/database.sql
@@ -0,0 +1,253 @@
+CREATE DATABASE IF NOT EXISTS `projet_folliow`
+  DEFAULT CHARACTER SET utf8mb4
+  COLLATE utf8mb4_unicode_ci;
+
+USE `projet_folliow`;
+
+/*M!999999\- enable the sandbox mode */ 
+-- MariaDB dump 10.19  Distrib 10.11.14-MariaDB, for debian-linux-gnu (x86_64)
+--
+-- Host: localhost    Database: projet_folliow
+-- ------------------------------------------------------
+-- Server version	10.11.14-MariaDB-0+deb12u2
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+--
+-- Table structure for table `authorisation`
+--
+
+DROP TABLE IF EXISTS `authorisation`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8mb4 */;
+CREATE TABLE `authorisation` (
+  `authorisation_id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'Identifiant unique des autorisations',
+  `authorisation_name` varchar(30) NOT NULL COMMENT 'Administrateur, modérateur, utilisateur',
+  PRIMARY KEY (`authorisation_id`),
+  UNIQUE KEY `uk_authorisation_name` (`authorisation_name`)
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `authorisation`
+--
+
+LOCK TABLES `authorisation` WRITE;
+/*!40000 ALTER TABLE `authorisation` DISABLE KEYS */;
+INSERT INTO `authorisation` VALUES
+(1,'Administrateur'),
+(2,'Modérateur'),
+(3,'Utilisateur');
+/*!40000 ALTER TABLE `authorisation` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `category`
+--
+
+DROP TABLE IF EXISTS `category`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8mb4 */;
+CREATE TABLE `category` (
+  `category_id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'Identifiant unique des catégorie du projet',
+  `category_name` varchar(150) NOT NULL COMMENT 'Nom de chaque catégorie',
+  `category_parent` int(10) unsigned DEFAULT NULL COMMENT 'ID de la catégorie parente (NULL = catégorie principale)',
+  PRIMARY KEY (`category_id`),
+  UNIQUE KEY `uk_category_name_parent` (`category_name`,`category_parent`),
+  KEY `fk_category_parent` (`category_parent`),
+  CONSTRAINT `fk_category_parent` FOREIGN KEY (`category_parent`) REFERENCES `category` (`category_id`) ON DELETE CASCADE ON UPDATE CASCADE
+) ENGINE=InnoDB AUTO_INCREMENT=54 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `category`
+--
+
+LOCK TABLES `category` WRITE;
+/*!40000 ALTER TABLE `category` DISABLE KEYS */;
+INSERT INTO `category` VALUES
+(32,'3D',4),
+(34,'Aquarelle',4),
+(5,'Architecture',NULL),
+(36,'Architecture d\'Intérieur',5),
+(35,'Architecture Moderne',5),
+(24,'Backend',2),
+(33,'Bande Dessinée',4),
+(1,'Design',NULL),
+(2,'Développement Web',NULL),
+(31,'Digital Art',4),
+(30,'Événementiel',3),
+(23,'Frontend',2),
+(25,'Full-Stack',2),
+(4,'Illustration',NULL),
+(20,'Logo & Identité Visuelle',1),
+(39,'Marketing',NULL),
+(46,'Marketing',NULL),
+(26,'Mobile',2),
+(21,'Motion Design',1),
+(38,'Patrimoine',5),
+(28,'Paysage',3),
+(3,'Photographie',NULL),
+(27,'Portrait',3),
+(22,'Print Design',1),
+(40,'Rédaction',NULL),
+(47,'Rédaction',NULL),
+(29,'Sport',3),
+(19,'UI/UX Design',1),
+(37,'Urbanisme',5),
+(41,'Vidéo',NULL),
+(48,'Vidéo',NULL);
+/*!40000 ALTER TABLE `category` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `image`
+--
+
+DROP TABLE IF EXISTS `image`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8mb4 */;
+CREATE TABLE `image` (
+  `image_id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'identifiant unique des images',
+  `image_name` varchar(150) NOT NULL COMMENT 'Chemin de l''image enregistrée',
+  `image_alt` varchar(255) DEFAULT NULL COMMENT 'Alt de l''image',
+  `image_status` varchar(50) NOT NULL DEFAULT 'en_attente' COMMENT 'Statut de modération de l''image',
+  `image_project` int(10) unsigned DEFAULT NULL COMMENT 'Identifiant du projet où se trouve l''image',
+  PRIMARY KEY (`image_id`),
+  KEY `fk_image_project` (`image_project`),
+  CONSTRAINT `fk_image_project` FOREIGN KEY (`image_project`) REFERENCES `project` (`project_id`) ON DELETE CASCADE ON UPDATE CASCADE,
+  CONSTRAINT `chk_image_status` CHECK (`image_status` in ('en_attente','approuvé','rejeté'))
+) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `image`
+--
+
+LOCK TABLES `image` WRITE;
+/*!40000 ALTER TABLE `image` DISABLE KEYS */;
+INSERT INTO `image` VALUES
+(1,'/uploads/projects/ecommerce-01.jpg','Page d\'accueil du site e-commerce refondu','approuvé',1),
+(2,'/uploads/projects/ecommerce-02.jpg','Interface mobile du processus de commande','approuvé',1),
+(3,'/uploads/projects/taskmanager-01.jpg','Vue kanban de l\'application','approuvé',2),
+(4,'/uploads/projects/urban-01.jpg','Architecture moderne à La Défense','en_attente',3);
+/*!40000 ALTER TABLE `image` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `project`
+--
+
+DROP TABLE IF EXISTS `project`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8mb4 */;
+CREATE TABLE `project` (
+  `project_id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'Identifiant unique du projet',
+  `project_title` varchar(150) NOT NULL COMMENT 'Titre du projet',
+  `project_description` text DEFAULT NULL COMMENT 'Description du projet',
+  `project_thumbnail` varchar(150) DEFAULT NULL COMMENT 'Image miniature du projet',
+  `project_content` text DEFAULT NULL COMMENT 'Contenu du projet',
+  `project_creation_date` date NOT NULL COMMENT 'Date de création du projet',
+  `project_status` varchar(30) NOT NULL DEFAULT 'brouillon' COMMENT 'Statut du projet : brouillon, publié, en_attente',
+  `project_user` int(10) unsigned DEFAULT NULL COMMENT 'Identifiant de l''user',
+  `project_category` int(10) unsigned DEFAULT NULL COMMENT 'Identifiant de la catégorie',
+
+  PRIMARY KEY (`project_id`),
+  KEY `fk_project_user` (`project_user`),
+  KEY `fk_project_category` (`project_category`),
+  KEY `idx_project_status` (`project_status`),
+  KEY `idx_project_creation_date` (`project_creation_date`),
+
+  CONSTRAINT `fk_project_category`
+    FOREIGN KEY (`project_category`)
+    REFERENCES `category` (`category_id`)
+    ON DELETE SET NULL
+    ON UPDATE CASCADE,
+
+  CONSTRAINT `fk_project_user`
+    FOREIGN KEY (`project_user`)
+    REFERENCES `users` (`user_id`)
+    ON DELETE CASCADE
+    ON UPDATE CASCADE
+) ENGINE=InnoDB
+DEFAULT CHARSET=utf8mb4
+COLLATE=utf8mb4_unicode_ci;
+
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `project`
+--
+
+LOCK TABLES `project` WRITE;
+/*!40000 ALTER TABLE `project` DISABLE KEYS */;
+INSERT INTO `project` VALUES
+(1,'Refonte du site e-commerce','Refonte complète de l\'interface utilisateur d\'une boutique en ligne avec focus sur l\'expérience mobile','/uploads/projects/ecommerce-thumb.jpg','Ce projet visait à moderniser entièrement l\'interface d\'un site e-commerce existant. Les principales améliorations incluent une navigation simplifiée, un processus de commande optimisé et une interface responsive.','2025-12-01','publié',1,1),
+(2,'Application de gestion de tâches','Développement d\'une application web pour la gestion collaborative de projets','/uploads/projects/taskmanager-thumb.jpg','Application web développée en React et Node.js permettant aux équipes de gérer leurs projets de manière collaborative. Fonctionnalités : kanban, calendrier, notifications en temps réel.','2025-12-15','publié',2,2),
+(3,'Série photo urbaine','Collection de photographies capturant l\'architecture moderne de Paris','/uploads/projects/urban-thumb.jpg','Série de 30 photographies prises dans différents quartiers de Paris, mettant en valeur le contraste entre architecture classique et moderne. Travail sur la lumière naturelle et les perspectives.','2026-01-05','en_attente',3,3);
+/*!40000 ALTER TABLE `project` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `users`
+--
+
+DROP TABLE IF EXISTS `users`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8mb4 */;
+CREATE TABLE `users` (
+  `user_id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'Identifiant unique de l''utilisateur',
+  `user_name` varchar(100) NOT NULL COMMENT 'Nom de l''utilisateur',
+  `user_firstname` varchar(100) NOT NULL COMMENT 'Prénom de l''utilisateur',
+  `user_pseudo` varchar(30) NOT NULL COMMENT 'Pseudo de l''utilisateur',
+  `user_image` varchar(150) DEFAULT NULL COMMENT 'Photo de profil de l''utilisateur',
+  `user_mail` varchar(100) NOT NULL COMMENT 'Mail de l''utilisateur',
+  `user_password` varchar(255) NOT NULL COMMENT 'Mot de passe de l''utilisateur',
+  `user_phone` varchar(20) DEFAULT NULL COMMENT 'Téléphone de l''utilisateur',
+  `user_work` varchar(50) DEFAULT NULL COMMENT 'Profession de l''utilisateur',
+  `user_birth` date DEFAULT NULL COMMENT 'Date de naissance de l''utilisateur',
+  `user_location` varchar(150) DEFAULT NULL COMMENT 'Localisation de l''utilisateur',
+  `user_description` varchar(255) DEFAULT NULL COMMENT 'Phrase d''accroche de l''utilisateur',
+  `user_account_creation` datetime NOT NULL DEFAULT current_timestamp() COMMENT 'Date et heure de création du compte',
+  `user_status` int(10) unsigned DEFAULT NULL COMMENT 'identifiant de niveau d''autorisation',
+  PRIMARY KEY (`user_id`),
+  UNIQUE KEY `uk_user_mail` (`user_mail`),
+  UNIQUE KEY `uk_user_pseudo` (`user_pseudo`),
+  KEY `fk_users_authorisation` (`user_status`),
+  KEY `idx_user_mail` (`user_mail`),
+  CONSTRAINT `fk_users_authorisation` FOREIGN KEY (`user_status`) REFERENCES `authorisation` (`authorisation_id`) ON DELETE SET NULL ON UPDATE CASCADE
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `users`
+--
+
+LOCK TABLES `users` WRITE;
+/*!40000 ALTER TABLE `users` DISABLE KEYS */;
+INSERT INTO `users` VALUES
+(1,'Dupont','Marie','marie_design','/uploads/users/marie.jpg','marie.dupont@example.com','$2y$10$T5kWRD3NBqXKWtQqrBG3We1Qpq2Odum0/xYAoT2SaCclG7h2Y0Gvq','0612345678','Designer UI/UX','1995-03-15','Paris, France','Passionnée de design et d\'expérience utilisateur','2024-01-15 10:30:00',1),
+(2,'Martin','Thomas','thomas_dev','/uploads/users/thomas.jpg','thomas.martin@example.com','$2y$10$T5kWRD3NBqXKWtQqrBG3We1Qpq2Odum0/xYAoT2SaCclG7h2Y0Gvq','0623456789','Développeur Full-Stack','1992-07-22','Lyon, France','Créateur d\'applications web modernes','2024-02-20 14:45:00',2),
+(3,'Dubois','Sophie','sophie_photo','/uploads/users/sophie.jpg','sophie.dubois@example.com','$2y$10$T5kWRD3NBqXKWtQqrBG3We1Qpq2Odum0/xYAoT2SaCclG7h2Y0Gvq','0634567890','Photographe','1998-11-08','Marseille, France','Capturer l\'instant présent est ma passion','2024-03-10 09:15:00',3);
+/*!40000 ALTER TABLE `users` ENABLE KEYS */;
+UNLOCK TABLES;
+/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
+
+-- Dump completed on 2026-01-09 17:33:08
diff --git a/public/assests/css/style.css b/public/assests/css/style.css
new file mode 100644
index 0000000..c1209cd
--- /dev/null
+++ b/public/assests/css/style.css
@@ -0,0 +1,112 @@
+body {
+  background-color: #f5f5f5;
+  padding: 2px;
+}
+
+.navbar {
+  background-color: #ffffff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  padding: 0.8rem 2rem;
+}
+
+.navbar-brand {
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: #0d6efd !important;
+}
+
+.navbar-brand span {
+  color: #6c757d;
+}
+
+.navbar-nav .nav-link {
+  color: #333;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+  margin: 0 0.2rem;
+  transition: color 0.3s;
+}
+
+.navbar-nav .nav-link:hover {
+  color: #0d6efd;
+}
+
+.btn-login {
+  color: #333;
+  background-color: transparent;
+  border: none;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+}
+
+.btn-login:hover {
+  color: #0d6efd;
+}
+
+.btn-signup {
+  background-color: #0d6efd;
+  color: white;
+  border: none;
+  border-radius: 25px;
+  padding: 0.5rem 2rem;
+  font-weight: 500;
+  transition: background-color 0.3s;
+}
+
+.btn-signup:hover {
+  background-color: #0b5ed7;
+}
+
+.notification-bell {
+  font-size: 1.2rem;
+  color: #6c757d;
+  margin-right: 1rem;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.notification-bell:hover {
+  color: #0d6efd;
+}
+
+.logo-image {
+  height: 30px;
+  width: auto;
+  margin-right: 0.5rem;
+}
+.logo{ 
+    font-size: 5rem;
+    font-weight: 700;
+    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.article-card {
+    height: 400px;
+}
+
+.article-img {
+    height: 50px;
+    width: 100%;
+    overflow: hidden;
+}
+.article-content {
+    height: 20%;
+    padding: 0.75rem;
+}
+
+.footer{
+  color: white;
+  background-color: #0000ff;
+}
+
+.footer ul{
+  list-style: none;
+}
+
+.footer a{
+  text-decoration: none;
+  color: white;
+}
diff --git a/public/assests/img/Logo.png b/public/assests/img/Logo.png
new file mode 100644
index 0000000..ba0b4fe
Binary files /dev/null and b/public/assests/img/Logo.png differ
diff --git a/public/coucou.txt b/public/coucou.txt
new file mode 100644
index 0000000..d590169
--- /dev/null
+++ b/public/coucou.txt
@@ -0,0 +1,7 @@
+coucou
+coucou depuis le cci
+hehehe
+
+coucoucoucoucou
+
+encore un teste, y'en a trop wwsh
\ No newline at end of file
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..b5dd23f
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,31 @@
+<?php
+    $strCtrl     = $_GET['ctrl']??'project';
+    $strMethod   = $_GET['action']??'home';
+    $intId       = $_GET['id']??null;
+
+    $boolError   = false;
+    $strFileName = "../app/controllers/".$strCtrl."_controller.php";
+    if($intId!=null){
+        echo $intId;
+    }
+    if(file_exists($strFileName)){
+        require($strFileName);
+        $strClassName = ucfirst($strCtrl)."Ctrl";
+        if(class_exists($strClassName)){
+            $objController = new $strClassName();
+            if(method_exists($objController,$strMethod)){
+                $objController->$strMethod();
+            }else{
+                $boolError = true;
+            }
+        }else{
+            $boolError = true;
+        }
+    }else{
+        $boolError = true;
+    }
+
+    if($boolError){
+        echo "error 404 - la page elle existe pas batard";
+    }
+
diff --git a/uploads/profiles/.gitkeep b/public/uploads/profiles/.gitkeep
similarity index 100%
rename from uploads/profiles/.gitkeep
rename to public/uploads/profiles/.gitkeep
diff --git a/public/uploads/profiles/Logo.png b/public/uploads/profiles/Logo.png
new file mode 100644
index 0000000..ba0b4fe
Binary files /dev/null and b/public/uploads/profiles/Logo.png differ
diff --git a/public/uploads/profiles/marie.jpg b/public/uploads/profiles/marie.jpg
new file mode 100644
index 0000000..2dee9e2
Binary files /dev/null and b/public/uploads/profiles/marie.jpg differ
diff --git a/public/uploads/profiles/sophie.jpg b/public/uploads/profiles/sophie.jpg
new file mode 100644
index 0000000..5ca533e
Binary files /dev/null and b/public/uploads/profiles/sophie.jpg differ
diff --git a/public/uploads/profiles/thomas.jpg b/public/uploads/profiles/thomas.jpg
new file mode 100644
index 0000000..051578c
Binary files /dev/null and b/public/uploads/profiles/thomas.jpg differ
diff --git a/uploads/projects/.gitkeep b/public/uploads/projects/.gitkeep
similarity index 100%
rename from uploads/projects/.gitkeep
rename to public/uploads/projects/.gitkeep
diff --git a/public/uploads/projects/Logo.png b/public/uploads/projects/Logo.png
new file mode 100644
index 0000000..ba0b4fe
Binary files /dev/null and b/public/uploads/projects/Logo.png differ
diff --git a/public/uploads/projects/ecommerce-thumb.jpg b/public/uploads/projects/ecommerce-thumb.jpg
new file mode 100644
index 0000000..2dee9e2
Binary files /dev/null and b/public/uploads/projects/ecommerce-thumb.jpg differ
diff --git a/public/uploads/projects/taskmanager-thumb.jpg b/public/uploads/projects/taskmanager-thumb.jpg
new file mode 100644
index 0000000..051578c
Binary files /dev/null and b/public/uploads/projects/taskmanager-thumb.jpg differ
diff --git a/public/uploads/projects/urban-thumb.jpg b/public/uploads/projects/urban-thumb.jpg
new file mode 100644
index 0000000..5ca533e
Binary files /dev/null and b/public/uploads/projects/urban-thumb.jpg differ
diff --git a/sfq.txt b/sfq.txt
new file mode 100644
index 0000000..e69de29