Mes projets

E-Shop Front (jQuery, AJAX, JavaScript)

26/05/2025

Interface e-commerce complète en JavaScript natif et jQuery

E-Shop Front est une application web e-commerce moderne développée en JavaScript natif et jQuery. Ce projet propose une gestion complète des articles (ajout, modification, suppression, affichage dynamique) grâce à une interface responsive réalisée avec Bootstrap 5. L’application communique de façon asynchrone avec un backend Node.js/MongoDB via AJAX, permettant une expérience utilisateur fluide et sans rechargement de page.

L’interface comprend des formulaires interactifs pour la gestion des produits, une navigation multi-pages intuitive (accueil, détail, ajout, modification), et une gestion du stock en temps réel. Le projet inclut également des modules d’exercices pratiques sur la manipulation des tableaux, du DOM et l’utilisation avancée de jQuery/AJAX, renforçant ainsi la compréhension des concepts fondamentaux du JavaScript moderne.

Fonctionnalités principales :

Gestion dynamique des articles (CRUD)
Formulaires interactifs avec validation et feedback utilisateur
Navigation fluide entre les pages grâce à AJAX
Design responsive et moderne avec Bootstrap 5
Connexion à une API Node.js/MongoDB pour toutes les opérations
Exercices pédagogiques sur les tableaux, le DOM et jQuery

Objectif :

Ce projet a pour but de servir de support pédagogique pour l’apprentissage du JavaScript, de jQuery, de la communication AJAX et de la structuration d’une application web complète, tout en offrant une expérience utilisateur professionnelle et agréable.

Compétences

Javascript 40%

JQuery 20%

AJAX 20%

HTML 6%

CSS 4%

Bootstrap 10%

Frameworks

Bootstrap 100%

APIs

Nodejs 100%

GitHub Démo

Projet JS Exercices

19/05/2025

Plateforme interactive d’exercices JavaScript

Ce projet propose une plateforme web d’exercices interactifs pour apprendre et pratiquer le JavaScript de façon progressive et ludique. L’utilisateur y retrouve des dizaines d’exercices corrigés, organisés par thématiques : variables, opérateurs, conditions, boucles, fonctions, tableaux, objets, manipulation du DOM, événements, etc.

Chaque exercice affiche dynamiquement le résultat attendu, une explication pédagogique et le code source utilisé, le tout accessible dans une infobulle personnalisée au survol. L’interface est moderne, responsive et pensée pour l’auto-formation, avec un menu burger pour la navigation mobile et une expérience utilisateur fluide.

Le projet met l’accent sur la clarté du code, la pédagogie et l’accessibilité. Il est entièrement réalisé en JavaScript natif, HTML et CSS, sans framework externe, afin de permettre à chacun de comprendre le fonctionnement du langage et du DOM. Le code source est commenté et chaque fonctionnalité est illustrée par des exemples concrets.

Fonctionnalités principales :

Exercices interactifs couvrant toutes les bases du JavaScript
Résultats, explications et code affichés dans des infobulles personnalisées
Interface responsive et ergonomique
Navigation claire par sections et menu burger sur mobile
Code source commenté et facilement réutilisable

Objectif :
Permettre à tout apprenant ou autodidacte de s’entraîner efficacement sur les fondamentaux du JavaScript, avec un retour immédiat et des explications détaillées.

Compétences

Javascript 60%

HTML 20%

CSS 20%

GitHub Démo

Mon Portfolio

24/04/2025

Mon Portfolio est une application web moderne et responsive développée avec Symfony 7.2. Ce projet a été conçu pour présenter mes compétences, mes projets, mes services, ainsi que mes articles de blog de manière professionnelle et attrayante. L'application utilise les dernières technologies web, notamment Bootstrap 5.3 pour le design et une architecture robuste basée sur Symfony.

Fonctionnalités principales :

Présentation des projets : Une section dédiée pour afficher mes projets avec des filtres dynamiques (par frameworks ou catégories) et une pagination intuitive.
Blog : Une plateforme de blog où je partage mes articles, avec des filtres par catégories et frameworks, ainsi qu'une pagination avancée.
Compétences et frameworks : Une section mettant en avant mes compétences techniques et ma maîtrise des frameworks, avec des barres de progression visuelles.
Services : Une présentation claire des services que je propose, avec des icônes et des descriptions détaillées.
Contact : Un formulaire de contact intégré pour permettre aux visiteurs de me joindre facilement.
Téléchargement de CV : Un bouton permettant de télécharger mon CV directement depuis le site.
Statistiques : Une section affichant des statistiques dynamiques comme le nombre de projets terminés, les heures travaillées, les likes reçus, et les cafés consommés.

Technologies utilisées :

Backend : Symfony 7.2, Doctrine ORM pour la gestion des données.
Frontend : Bootstrap 5.3 pour le design, JavaScript pour les interactions dynamiques.
Base de données : MySQL pour le stockage des données.
APIs : Intégration d'APIs comme Google Maps et OpenWeather pour enrichir les fonctionnalités.
Gestion des médias : Upload et gestion des images pour les projets et les articles de blog.

Points forts :

Responsive Design : Le site est entièrement optimisé pour une utilisation sur mobile, tablette et ordinateur.
Performance : Une architecture optimisée pour des temps de chargement rapides.
Personnalisation : Une interface utilisateur intuitive et personnalisable.
SEO-Friendly : Optimisé pour le référencement naturel (SEO) avec des balises méta dynamiques.

Objectif :

Le projet mon_portfolio a pour objectif de servir de vitrine professionnelle pour mes compétences et mes réalisations, tout en offrant une expérience utilisateur fluide et engageante.

Compétences

PHP 40%

Twig 25%

HTML 15%

CSS 10%

Javascript 10%

Frameworks

Symfony 70%

Bootstrap 30%

APIs

GoogleMaps 60%

OpenWeather 40%

GitHub Démo

Shop Shoes

15/05/2025

ShopShoes est une application web e-commerce développée avec le framework Symfony. Ce projet a pour objectif de proposer une plateforme intuitive et performante pour la gestion et la vente de chaussures. Il intègre des fonctionnalités avancées pour les utilisateurs et les administrateurs, permettant une expérience fluide et complète.

Fonctionnalités principales :

Catalogue produit : Affichage des modèles de chaussures avec images, descriptions, tailles disponibles et prix.
Gestion du panier : Ajout, modification et suppression des articles avec mise à jour dynamique des totaux.
Interface administrateur : Gestion des marques, des modèles, des stocks et des prix via un back-office sécurisé.
Système de messagerie : Notifications pour les actions importantes (ex. : confirmation de commande).
Gestion des utilisateurs : Authentification, gestion des profils et suivi des commandes.
Design responsive : Une interface utilisateur adaptée aux mobiles, tablettes et ordinateurs.

Objectifs techniques :

Symfony Framework : Utilisation des bonnes pratiques de développement avec Symfony pour une architecture robuste et évolutive.
Doctrine ORM : Gestion des données avec des entités bien définies et des relations optimisées.
Twig : Moteur de templates pour un rendu dynamique et performant.
Base de données relationnelle : MySQL/MariaDB pour une gestion efficace des données.
Tests unitaires et fonctionnels : Assurance qualité avec PHPUnit.

Points forts :

Expérience utilisateur : Une navigation fluide et intuitive pour les clients.
Gestion avancée des stocks : Suivi des tailles et des quantités disponibles pour chaque modèle.
Personnalisation : Possibilité d'ajouter des descriptions vendeuses et des images attractives pour chaque produit.
Sécurité : Authentification sécurisée et gestion des données sensibles.

Technologies utilisées :

Backend : PHP 8.1, Symfony 6
Frontend : HTML5, CSS3, Bootstrap
Base de données : MySQL/MariaDB
Outils de développement : Composer, Symfony CLI, PHPUnit

Compétences

PHP 50%

Twig 20%

Javascript 10%

HTML 10%

CSS 10%

Frameworks

Symfony 70%

Bootstrap 30%

APIs

Mailjet 50%

Stripe 30%

OpenWeather 20%

GitHub Démo

Loisirs en France

15/05/2025

📝 Description :
Loisirs en France est une plateforme web développée avec Symfony, permettant aux utilisateurs de découvrir, réserver et gérer des activités et événements partout en France. Ce projet met en avant une expérience utilisateur fluide et des fonctionnalités avancées pour les administrateurs et les utilisateurs finaux.

🌟 Points forts :

Interface intuitive : Une navigation simple et efficace pour tous les utilisateurs.
Gestion complète : Un tableau de bord puissant pour les administrateurs.
Recherche avancée : Filtres et pagination pour trouver rapidement des activités.
Personnalisation : Génération d'invitations PDF adaptées aux besoins des utilisateurs.
Sécurité : Gestion sécurisée des utilisateurs et des données.

🎯 Objectifs du projet :

Offrir une plateforme centralisée pour découvrir des loisirs en France.
Simplifier la gestion des activités pour les administrateurs.
Permettre aux utilisateurs de réserver facilement des événements.
Mettre en avant des fonctionnalités modernes comme la notation et les commentaires.
Proposer une expérience utilisateur optimale grâce à des outils performants.

🛠️ Technologies utilisées :

Backend : Symfony 6
Base de données : MySQL
Frontend : Twig, Bootstrap, JavaScript
Outils : Composer, Webpack Encore, PHPUnit

👀 Aperçu du projet :

Page d'accueil : Présentation des activités populaires.
Tableau de bord admin : Gestion complète des contenus.
Page de réservation : Interface intuitive pour réserver des activités.

Compétences

PHP 50%

Twig 20%

Javascript 10%

HTML 10%

CSS 10%

Frameworks

Symfony 80%

Bootstrap 20%

APIs

Stripe 30%

OpenWeather 20%

Mailjet 50%

GitHub Démo

La Boutique Française

15/05/2025

La Boutique Française est une plateforme e-commerce complète conçue pour répondre aux besoins des commerçants et des clients. Elle permet aux utilisateurs de parcourir des produits, de gérer leur panier, de passer des commandes et de suivre leur historique d'achats. L'application inclut également une interface d'administration pour gérer les produits, les commandes et les utilisateurs.

Les fonctionnalités principales incluent :

Gestion des utilisateurs (inscription, connexion, réinitialisation de mot de passe).
Tunnel d'achat complet (panier, choix de l'adresse, transporteur, paiement).
Gestion des commandes et génération de factures.
Système de wishlist pour les utilisateurs.
Notifications par email (confirmation d'inscription, état des commandes).
Interface d'administration pour la gestion des produits et des commandes.

Technologies utilisées :

Backend : Symfony 7.2, Doctrine ORM pour la gestion des données.
Frontend : Bootstrap 5.3 pour le design, JavaScript pour les interactions dynamiques.
Base de données : MySQL pour le stockage des données.
Gestion des emails : Mailjet
Outils supplémentaires : Composer, npm, Webpack Encore

🌟 Points forts

Expérience utilisateur optimisée : Interface intuitive et responsive pour une navigation fluide.
Sécurité renforcée : Gestion sécurisée des utilisateurs et des paiements.
Personnalisation : Possibilité d'ajouter des fonctionnalités spécifiques selon les besoins des commerçants.
Administration simplifiée : Interface d'administration claire pour gérer les produits, commandes et utilisateurs.

🎯 Objectifs du projet

Fournir une solution e-commerce clé en main pour les petites et moyennes entreprises.
Offrir une expérience utilisateur moderne et fluide.
Intégrer des outils de gestion performants pour les administrateurs.
Garantir la sécurité des données des utilisateurs et des transactions.

Compétences

PHP 55%

Twig 15%

Javascript 10%

HTML 15%

CSS 5%

Frameworks

Symfony 70%

Bootstrap 30%

APIs

Stripe 40%

OpenWeather 20%

Mailjet 40%

GitHub Démo

monsite

07/04/2025

MonSite est un projet pratique pour la création d’un site web personnel en utilisant HTML et CSS. L'objectif est de concevoir une page web simple et élégante, avec une mise en page claire, une navigation fluide et une structure bien définie pour un site vitrine ou portfolio.

Compétences

HTML 63%

CSS 37%

GitHub Démo

Player

07/04/2025

TP Player est un projet pratique visant à créer une interface de lecteur multimédia en utilisant HTML et CSS. L'objectif est de concevoir un lecteur de musique ou vidéo avec des éléments interactifs et une mise en page soignée, tout en appliquant des techniques de design moderne et responsive.

Compétences

HTML 63%

CSS 36%

Javascript 2%

GitHub Démo

Dragon

07/04/2025

TP Dragon est un projet pratique pour créer une page web inspirée d’un thème fantastique, mettant en avant des éléments de design visuels en HTML et CSS. L'objectif est de structurer une page autour d'un thème spécifique, tout en appliquant des styles créatifs et une mise en page responsive.

Compétences

HTML 63%

CSS 36%

Javascript 1%

GitHub Démo

Vignette

07/04/2025

TP Vignette est un exercice pratique pour apprendre à créer des vignettes d'images dynamiques en utilisant HTML et CSS. Ce projet permet de travailler sur la disposition des images, l'ajout d'effets au survol, et la création d'une mise en page fluide et esthétique pour une galerie d'images.

Compétences

HTML 63%

CSS 37%

GitHub Démo

Maquette

07/04/2025

TP Maquette est un projet pratique visant à créer une maquette de page web en utilisant HTML et CSS. L'objectif est de reproduire une structure de page en appliquant une mise en page précise, avec un design clair et une utilisation adéquate des éléments HTML pour structurer le contenu.

Compétences

HTML 63%

CSS 37%

GitHub Démo

Snow Hunt

07/04/2025

TP Snow Hunt est un exercice pratique pour apprendre à créer une page web avec un design inspiré d'un thème hivernal. Ce projet utilise HTML et CSS pour structurer la page et appliquer des styles visuels, tout en intégrant des éléments interactifs et une mise en page responsive.

Compétences

HTML 63%

CSS 36%

Javascript 1%

GitHub Démo

Zoning

07/04/2025

TP Zoning est un projet pratique pour apprendre à créer une mise en page de type zoning en utilisant HTML et CSS. L'objectif est de diviser une page en différentes zones bien structurées (header, sidebar, content, footer) et de maîtriser les techniques de mise en page responsive.

Compétences

HTML 63%

CSS 37%

GitHub Démo

Blog Techno

07/04/2025

TP Blog Techno est un exercice pratique pour apprendre à structurer et styliser une page web en HTML et CSS. Il permet de créer un blog sur un thème technologique en utilisant des balises sémantiques, des styles personnalisés et une mise en page responsive.

Compétences

HTML 63%

CSS 36%

Javascript 1%

GitHub Démo

Robbie_Lens

23/04/2025

Le projet "Robbie Lens" est un exercice proposé dans le cours "Créez votre site web avec HTML5 et CSS3" d'OpenClassrooms. L'objectif est d'apprendre à concevoir un site web en HTML et CSS en réalisant le site d'une photographe fictive nommée Robbie Lens.

Le site comprend plusieurs pages, dont une page d'accueil présentant les services de Robbie Lens, une page "À propos" détaillant son expérience et ses prestations, ainsi qu'un portfolio mettant en avant ses réalisations. Les apprenants sont guidés pour structurer le contenu avec des titres, des paragraphes et des listes, et pour créer des liens hypertextes entre les différentes pages du site.

Ce projet permet de mettre en pratique les concepts fondamentaux du HTML et du CSS, tels que la structuration du contenu, la mise en page avec Flexbox, l'insertion d'images et la création de liens. Il offre également l'opportunité de se familiariser avec les bonnes pratiques du développement web en réalisant un projet concret et complet.

Compétences

HTML 63%

CSS 36%

Javascript 1%

GitHub Démo