<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: sabriiine15</title>
    <description>The latest articles on DEV Community by sabriiine15 (@sabriiine15).</description>
    <link>https://dev.to/sabriiine15</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3891343%2Fdea00e29-23fc-4cac-999a-db4dd4e1926d.png</url>
      <title>DEV Community: sabriiine15</title>
      <link>https://dev.to/sabriiine15</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sabriiine15"/>
    <language>en</language>
    <item>
      <title>Créer un système d’authentification avec PHP et MySQL (étape par étape)</title>
      <dc:creator>sabriiine15</dc:creator>
      <pubDate>Wed, 22 Apr 2026 20:40:11 +0000</pubDate>
      <link>https://dev.to/sabriiine15/creer-un-systeme-dauthentification-avec-php-et-mysql-etape-par-etape-1c68</link>
      <guid>https://dev.to/sabriiine15/creer-un-systeme-dauthentification-avec-php-et-mysql-etape-par-etape-1c68</guid>
      <description>&lt;p&gt;Introduction:&lt;br&gt;
   Dans ce tutoriel, je vais expliquer comment j’ai créé un système          simple d’authentification en utilisant PHP, MySQL, HTML et CSS. Ce projet permet aux utilisateurs de s’inscrire, se connecter et accéder à un tableau de bord protégé.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft4jxoatyzwv4pw11srco.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft4jxoatyzwv4pw11srco.jpeg" alt=" " width="800" height="366"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhy165w7s7m40nli6pkua.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhy165w7s7m40nli6pkua.jpeg" alt=" " width="800" height="368"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gbczy21pfy4whvv5w34.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gbczy21pfy4whvv5w34.jpeg" alt=" " width="800" height="368"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Technologies utilisées:&lt;br&gt;
    .PHP&lt;br&gt;
    .MySQL&lt;br&gt;
    .HTML&lt;br&gt;
    .CSS&lt;br&gt;
    .phpMyAdmin            &lt;/p&gt;

&lt;p&gt;**Étape 1 : Création de la base de données:&lt;br&gt;
On commence par créer la base de données et la table users:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight sql"&gt;&lt;code&gt;&lt;span class="k"&gt;CREATE&lt;/span&gt; &lt;span class="k"&gt;DATABASE&lt;/span&gt; &lt;span class="n"&gt;hajar_db&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="n"&gt;USE&lt;/span&gt; &lt;span class="n"&gt;hajar_db&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;CREATE&lt;/span&gt; &lt;span class="k"&gt;TABLE&lt;/span&gt; &lt;span class="n"&gt;users&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="n"&gt;id&lt;/span&gt; &lt;span class="nb"&gt;INT&lt;/span&gt; &lt;span class="n"&gt;AUTO_INCREMENT&lt;/span&gt; &lt;span class="k"&gt;PRIMARY&lt;/span&gt; &lt;span class="k"&gt;KEY&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;nom&lt;/span&gt; &lt;span class="nb"&gt;VARCHAR&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;50&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="n"&gt;prenom&lt;/span&gt; &lt;span class="nb"&gt;VARCHAR&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;50&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="n"&gt;email&lt;/span&gt; &lt;span class="nb"&gt;VARCHAR&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;),&lt;/span&gt;
    &lt;span class="n"&gt;password&lt;/span&gt; &lt;span class="nb"&gt;VARCHAR&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;255&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;**Étape 2 : Inscription (inscri.php):&lt;br&gt;
Le formulaire d’inscription permet à l’utilisateur de créer un compte en saisissant :&lt;br&gt;
        .Nom&lt;br&gt;
        .Prénom&lt;br&gt;
        .Email&lt;br&gt;
        .Mot de passe&lt;/p&gt;

&lt;p&gt;Traitement :&lt;br&gt;
.Vérification des champs&lt;br&gt;
.Sécurisation des données avec htmlspecialchars()&lt;br&gt;
.Cryptage du mot de passe avec sha1()&lt;br&gt;
.Vérification si l’email existe déjà&lt;br&gt;
.Insertion dans la base de données&lt;/p&gt;

&lt;p&gt;**Étape 3 : Connexion (login.php):&lt;br&gt;
Le système de login :&lt;br&gt;
Vérifie l’email et le mot de passe&lt;br&gt;
Utilise PDO pour la connexion à la base de données&lt;br&gt;
Compare les données avec la table users&lt;/p&gt;

&lt;p&gt;Si les informations sont correctes :&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nv"&gt;$_SESSION&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;'id'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nv"&gt;$user&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;'id'&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;
&lt;span class="nv"&gt;$_SESSION&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;'email'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nv"&gt;$user&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;'email'&lt;/span&gt;&lt;span class="p"&gt;];&lt;/span&gt;

&lt;span class="nb"&gt;header&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"Location: site.php"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Cela permet de créer une session utilisateur.&lt;/p&gt;

&lt;p&gt;**Étape 4 : Tableau de bord (site.php):&lt;br&gt;
Après la connexion, l’utilisateur est redirigé vers un dashboard contenant :&lt;br&gt;
Un message de bienvenue Des statistiques fictives Un bouton de déconnexion.&lt;/p&gt;

&lt;p&gt;**Étape 5 : Déconnexion (logout.php) :&lt;br&gt;
Le logout est très simple :&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;&lt;span class="nb"&gt;session_start&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nb"&gt;session_unset&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="nb"&gt;session_destroy&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;

&lt;span class="nb"&gt;header&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"Location: login.php"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="k"&gt;exit&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Cela supprime la session et déconnecte l’utilisateur.&lt;/p&gt;

&lt;p&gt;**Étape 6 : Interface utilisateur :&lt;br&gt;
Le design a été réalisé avec CSS : &lt;br&gt;
.Interface moderne&lt;br&gt;
.Dégradés et animations&lt;br&gt;
.Formulaires responsives&lt;/p&gt;

&lt;p&gt;Ce que j’ai appris :&lt;br&gt;
.Connexion PHP/MySQL &lt;br&gt;
.Gestion des sessions &lt;br&gt;
.Sécurisation basique des données &lt;br&gt;
.Structure d’un projet web complet&lt;/p&gt;

&lt;p&gt;Conclusion :&lt;br&gt;
Ce projet m’a permis de comprendre le fonctionnement d’un système d’authentification complet avec PHP et MySQL, de l’inscription jusqu’à la déconnexion.&lt;/p&gt;

&lt;p&gt;🔗 Code source sur GitHub :  &lt;a href="https://github.com/sabriiine15/authentication-system-php" rel="noopener noreferrer"&gt;https://github.com/sabriiine15/authentication-system-php&lt;/a&gt;&lt;/p&gt;

</description>
      <category>php</category>
      <category>sql</category>
      <category>html</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
