Contexte

Le site est développé dans le cadre d’un projet étudiant réunissant plusieurs classes en groupes de cinq, afin de combiner les compétences de tous les BTS participant au projet (SIO & SAM).

Objectifs

• Permettre aux utilisateurs de consulter, ajouter et gérer leurs recettes.
• Proposer un espace personnel avec gestion des favoris.
• Offrir une expérience claire, rapide et adaptable selon les préférences alimentaires.

Fonctionnalités Principales

• Espace Membre : Inscription, connexion et gestion du profil utilisateur.
• Gestion des Recettes : Ajout complet avec image, ingrédients dynamiques et étapes.
• Favoris : Système d'ajout ou de retrait rapide des recettes préférées.
• Recherche Avancée : Filtres par régime alimentaire ou intolérances.
• Outil Santé : Calculateur d'IMC intégré.

Technologies Utilisées

Front-End : HTML5, CSS3, JavaScript.

Back-End : PHP (Logique serveur).

Base de données : MySQL / phpMyAdmin.

Environnement : XAMPP.

Apports du Projet

• Expérience du travail collaboratif (Git, répartition des tâches).
• Mise en pratique concrète de la gestion de base de données relationnelle.
• Développement d’un système d’authentification sécurisé.
• Amélioration des compétences en PHP procédural et SQL.

Contexte

Projet de développement d'une application web dynamique visant à optimiser le processus de révision pour les étudiants selon le principe de la courbe de l’oubli (Ebbinghaus), en digitalisant le système des fiches de révision papier.

Objectifs

• Organiser chaques cours de manière hiérarchique en Matières et Thèmes.
• Permettre une auto-évaluation rapide grâce au système de cartes (Question/Réponse).
• Suivre la progression de l'utilisateur via des statistiques détaillées.

Fonctionnalités Principales

• Système de Flashcards : Animation CSS 3D pour retourner les cartes interactives.
• Organisation : Ajout, modification et suppression de matières et sous-thèmes (CRUD).
• Statistiques : Suivi du nombre de cartes "Acquises" vs "À revoir".
• Interface Adaptative : Design responsive avec gestion du Thème Sombre/Clair.
• Sécurité : Inscription et connexion sécurisées.

Technologies Utilisées

Front-End : HTML5, CSS3 (Animations 3D, Flexbox), JavaScript.

Back-End : PHP 8 (PDO).

Base de données : MySQL.

Apports du Projet

• Gestion complexe des sessions utilisateurs et de la sécurité des données.
• Manipulation avancée du DOM et maîtrise des transitions CSS (Flip cards).
• Conception et implémentation d'une base de données relationnelle structurée.

Contexte

Développement d'une solution web pour optimiser l'organisation quotidienne. L'objectif était de créer un outil centralisant les cours, projets et tâches personnelles avec une interface visuelle et intuitive.

Objectifs

• Centraliser les tâches éparses dans une interface unique.
• Permettre une planification visuelle sur 5 jours glissants (J-0 à J-5).
• Classer les tâches par matrices de priorité (Urgent/Important) et difficulté.

Fonctionnalités Clés

• Tableau Kanban Interactif : Déplacement des tâches par glisser-déposer (Drag & Drop API).
• Système de planification : Vue dynamique des 6 prochains jours.
• Gestion avancée des tâches : Ajout de fichiers joints, description, date limite.
• Filtres & Tris : Recherche instantanée et tris par difficulté ou importance.
• Authentification : Inscription, connexion et récupération de mot de passe sécurisées.

Technologies

Front-End : HTML5, CSS3, JavaScript (AJAX, Drag & Drop).

Back-End : PHP 8 (Programmation procédurale & sécurisée).

Base de données : MySQL (Relations Users/Tasks/Files).

Apports du projet

• Maîtrise des interactions asynchrones (AJAX) pour mettre à jour la base de données sans recharger la page.
• Gestion de la sécurité des formulaires et des sessions utilisateurs.
• Logique algorithmique pour le calcul des dates et le tri dynamique.

Contexte

Développement d'un clone de plateforme de streaming musical (type Spotify/Deezer) visant à gérer une base de données de fichiers audio locaux et à offrir une expérience d'écoute fluide via le web.

Mon Rôle

Développement Full-Stack du projet :

• Mise en place de la logique Back-End pour scanner dynamiquement les répertoires de musique.
• Création du lecteur audio interactif en JavaScript (Play, Pause, Changement de piste).
• Développement du système d'upload de fichiers (MP3 + Images) avec création automatique de dossiers.
• Conception de l'interface utilisateur responsive.

Objectifs

• Centraliser des fichiers audio dans une interface web structurée.
• Permettre une navigation fluide (SPA - Single Page Application) sans coupure de son lors de la navigation.
• Gérer l'upload sécurisé de contenus multimédias.

Fonctionnalités Clés

• Architecture Dynamique : Scan automatique des dossiers serveurs pour lister Artistes > Albums > Titres.
• Lecteur Audio Persistant : Barre de lecture fixe gérée en JavaScript (Audio API).
• Upload : Ajout de nouveaux titres et pochettes d'album via formulaire.
• Navigation Asynchrone : Utilisation de `fetch()` pour charger le contenu sans recharger la page.
• Sécurité : Gestion des utilisateurs (Inscription/Connexion) et protection des uploads.

Technologies Utilisées

Front-End : HTML5, CSS3 (Flexbox), JavaScript (Fetch API, DOM Manipulation).

Back-End : PHP (Gestion de fichiers système, MySQLi).

Base de données : MySQL (Pour les utilisateurs et métadonnées).

Apports du Projet

• Manipulation avancée des fichiers et répertoires côté serveur (PHP).
• Maîtrise de l'objet `Audio` en JavaScript et des événements médias.
• Compréhension des requêtes asynchrones pour améliorer l'expérience utilisateur (UX).

Projet réalisé

Création d'un portfolio personnel moderne et responsive.

Fonctionnalités principales

Design moderne • Navigation fluide • Sections About/Resume/Works • Animations CSS/JS