Tom
Danguis

Stage de première année de BTS SIO SLAM chez Kind France, fournisseur de mobilier professionnel. J'ai travaillé sur le back-end d'une plateforme pour leurs clients professionnels : la partie serveur en PHP qui gère la connexion, l'envoi des emails et l'enregistrement des données.

• Connexion au back-office : l'identifiant et le mot de passe sont vérifiés par le serveur PHP, qui ouvre une session
• Envoi d'emails via Gmail (SMTP) : code de connexion envoyé aux clients et messages avec pièces jointes
• Protection : blocage de 15 minutes après 5 mauvais mots de passe, et 5 codes par email maximum par heure

L'entreprise a demandé d'utiliser des fichiers JSON à la place d'une base de données SQL. Chaque fichier joue le rôle d'une table : products.json, client.json, livraison.json, destockage.json et delais.json. Le site lit ces fichiers pour afficher les données, et le back-office les modifie en passant par des scripts PHP (save_products.php, save_clients.php…).

// delais.json — une "ligne" de la table des délais
{
    "reference": "TG-SM-150",
    "source":    "STOCK",
    "quantite":  15,
    "statut":    "disponible",
    "delai":     "1 semaine"
}

• Ouvrir le dossier du projet dans VS Code
• Ouvrir un terminal (menu Terminal → Nouveau terminal) et lancer le serveur PHP intégré :

php -S localhost:8000

• Ouvrir http://localhost:8000/site1.html pour le site client
• Ouvrir http://localhost:8000/connexion.php pour le back-office

<?php
// Si l'admin est connecté on ouvre le back-office, sinon la page de login
session_start();

if (!empty($_SESSION['admin_logged'])) {
    header('Location: backoffice.html');
} else {
    header('Location: login.html');
}
exit;

require_once 'config.php';
header('Content-Type: application/json');

function getFileDate($path) {
    return file_exists($path)
        ? date('d/m/Y', filemtime($path))
        : '—';
}

echo json_encode([
    'products' => getFileDate(FILE_PRODUCTS),
    'clients'  => getFileDate(FILE_CLIENTS),
]);

FripLigne est un projet de page d’accueil pour un site de vente de vêtements de seconde main, réalisé en première année de BTS SIO SLAM pour apprendre les bases du HTML et CSS. J’ai conçu et codé la page d’accueil de A à Z, en travaillant seul sur la structure et la mise en page.

La page comprend un header avec logo et navigation prévue pour plusieurs catégories (Pulls, T-shirts, Jeans, Chaussures), une section hero avec image de fond en plein écran et le titre du site en deux couleurs, ainsi qu’une barre d’informations (adresse, email, horaires) avec icônes.

<section class="top-page">
  <header>
    <img src="image/logo.png" alt="logo">
    <nav class="nav">
      <ul>
        <li><a href="index.html">Accueil</a></li>
        <li><a href="Pulls.html">Pulls</a></li>
        <li><a href="t-shirt.html">T-shirts</a></li>
        <li><a href="jean.html">Jeans</a></li>
        <li><a href="chaussures.html">Chaussures</a></li>
      </ul>
    </nav>
  </header>
  <div class="landing-page">
    <h1 class="tittel">
      <span class="frep">Frip</span>
      <span class="ferpligne">ligne</span>
    </h1>
  </div>
</section>

section.top-page {
  background: url("../image/bg.jpg");
  background-size: cover;
  height: 80vh;
  padding: 25px;
}
.tittel { color: white; font-size: 100px; }
.frep      { color: orange; }
.ferpligne { color: green;  }
section.services header {
  display: flex;
  justify-content: space-between;
  margin: 30px 60px;
}

Création du site pour EVM, une entreprise spécialisée dans le matériel de cuisine professionnelle. J'ai installé et configuré WordPress, choisi et personnalisé le thème, créé les pages produits et organisé la navigation. Première expérience sur un projet pour un vrai client.

• Installation et configuration de WordPress
• Sélection et personnalisation du thème
• Création des pages : Accueil, Produits, Contact
• Mise en ligne et configuration de base