Développeur Web & Mobile

Ce portfolio regroupe mes projets réalisés en tant que développeur web, illustrant mes compétences techniques, ainsi que mes compétences relationnelles. J’ai également développé des compétences transversales essentielles pour évoluer dans des contextes variés du développement web.

Mes Projets

Projet_Garage automobile

Garage automobile

Dans le cadre de ma formation de Développeur Web et Web Mobile, j’ai réalisé un projet complet pour le Garage V. Parrot, une entreprise de réparation et de vente de véhicules d’occasion. Le but était de concevoir une application web vitrine mettant en avant les services du garage, ses horaires, ses véhicules en vente, ainsi qu’un formulaire de contact. J’ai assuré toutes les étapes du projet : analyse des besoins, maquettage, développement front-end et back-end, base de données, et déploiement. Le site permet aux employés de gérer les annonces de véhicules et à l’administrateur de modifier les contenus. Des filtres dynamiques sans rechargement permettent aux visiteurs de rechercher facilement un véhicule. J’ai également intégré une fonctionnalité de témoignages clients modérés, et veillé à respecter les recommandations de sécurité.

Stack Technique
  • Composer
  • Docker
  • MySQL
  • pghpvcx
  • php
  • Symfony
  • boostrap
Demo
Code Source
Projet_Zoo

Zoo

Dans le cadre de mon apprentissage, j’ai participé à la création d’une interface interactive pour le zoo Arcadia, un parc animalier engagé dans l’écologie situé en Bretagne. Le projet visait à rendre accessibles en ligne les informations sur les habitats, les animaux, les soins vétérinaires, ainsi que les services proposés. J’ai mis en place un système structuré permettant aux professionnels (administrateurs, vétérinaires et employés) de gérer les données en toute sécurité. Le site permet aux visiteurs de consulter l’état de santé des animaux, de poster des avis, et de découvrir les installations du zoo à travers une navigation fluide. Des statistiques de fréquentation des fiches animaux ont également été intégrées via une base de données NoSQL. Le design évoque les valeurs environnementales du parc à travers une charte graphique respectueuse de son image. Ce projet m’a permis de consolider mes compétences en architecture web, gestion des rôles utilisateurs, traitement des données, et déploiement d’application.

Stack Technique
  • Composer
  • Docker
  • MySQL
  • pghpvcx
  • php
  • mongoDB
Demo
Code Source
Projet_Portefolio photographe

Portefolio photographe

Dans ce projet, j’ai conçu un site vitrine moderne pour Charles Cantin, photographe passionné souhaitant professionnaliser sa présence en ligne. Le site comporte quatre sections principales : accueil, galerie photo, prestations & tarifs, et contact. J’ai mis l’accent sur une expérience utilisateur fluide et immersive, notamment à travers une galerie dynamique où j’ai intégré Swiper.js, une librairie JavaScript optimisée pour les carrousels responsive. Cette solution permet un affichage fluide et interactif des photos selon leur catégorie, sans rechargement de page. Le site respecte les bonnes pratiques responsive et SEO, avec un design épuré valorisant les visuels.

Stack Technique
  • html
  • css
  • javaScrip
  • swiper
Demo
Code Source
Projet_Jeu de dé

Jeu de dé

Dans le cadre d’un exercice de dynamisation web avec JavaScript, j’ai conçu un jeu de dés interactif à deux joueurs, inspiré du célèbre jeu « Pig ». Ce projet m’a permis de manipuler en profondeur le DOM et de structurer une interface dynamique avec gestion des événements. Chaque joueur peut lancer le dé, accumuler des points en temps réel ou choisir de les conserver via une fonction "Hold". L'interface actualise les scores et gère automatiquement les tours, avec une logique conditionnelle gérant les cas de perte (lancer de 1). Le premier joueur atteignant 100 points remporte la partie. Le code a été organisé de manière modulaire et respecte les normes ECMAScript. Pour le style, j’ai utilisé un framework CSS responsive accompagné de la police Lato pour une présentation soignée. Ce projet démontre ma capacité à coder une logique de jeu complète côté client, à manipuler les événements utilisateur et à rendre une page web véritablement interactive.

Stack Technique
  • html
  • css
  • javaScrip
Demo
Code Source
Projet_Portfolio

Portfolio

ce portfolio personnel simple pour présenter mes projets, compétences et coordonnées. L’architecture du site repose sur des pages statiques avec un peu de PHP pour faciliter la maintenance. Le design est épuré et responsive afin d’assurer une bonne lecture sur tous les supports. J’ai mis en place un déploiement automatique via GitHub Actions, permettant de publier automatiquement chaque mise à jour.

Stack Technique
  • php
  • html
  • css
  • javaScrip
Demo
Code Source

Savoir-Être Professionnel

Sens des responsabilités

Être conscient de l’impact de son travail, livrer un code propre et fiable, et respecter les engagements pris.

Exemple : Avant de livrer le projet zoo, j’ai pris l’initiative de rédiger une documentation claire et de tester chaque fonctionnalité pour garantir sa stabilité.

Patience

Être capable de rester calme et persévérant face aux bugs, aux tests répétés ou aux délais serrés.

Exemple : Lors du développement du jeu de dés, plusieurs itérations ont été nécessaires pour stabiliser la logique de tour — j’ai su tester, corriger et recommencer sans précipitation.

Esprit d’analyse

Comprendre un problème en profondeur avant d’écrire une ligne de code, et proposer une solution structurée.

Exemple : Dans le projet zoo, j’ai analysé les rôles (admin, vétérinaire, employé) pour créer une architecture adaptée et des permissions claires.

Écoute

Savoir prendre en compte les besoins des utilisateurs, des clients ou des collaborateurs pour répondre efficacement.

Exemple : Pour le portfolio du photographe, j’ai intégré les souhaits du client (identité visuelle, navigation fluide) en adaptant mes choix techniques à ses attentes.

Sens de l'organisation

Planifier son travail, structurer ses fichiers, respecter les délais et suivre l’avancement d’un projet avec méthode.

Exemple : J’ai utilisé Trello pour organiser toutes les tâches du projet garage, de l’analyse à la livraison, avec une approche Kanban.

Persévérance

Ne pas abandonner face à la difficulté, chercher des solutions, apprendre de ses erreurs et avancer progressivement.

Exemple : En développant le système de filtrage dynamique des photos dans la galerie, j’ai rencontré plusieurs bugs, mais j’ai continué à tester et apprendre jusqu’à obtenir le résultat voulu.

Esprit d’équipe

Collaborer efficacement avec d’autres développeurs, designers ou clients, en partageant ses idées et en acceptant les contributions des autres.

Exemple : Lors d’un travail de groupe en formation, j’ai intégré et revu le code d’un collègue pour unifier les pratiques et assurer la cohérence globale du projet.

Compétences Techniques

HTML5 / Structuration sémantique

utilisation dans tous mes projets pour créer une structure propre, accessible et bien organisée des pages web.

CSS3 / Responsive Design

Mise en forme des interfaces (garage, portfolio photographe,...) avec adaptation aux écrans mobiles.

JavaScript (vanilla)

Dynamisation d'interfaces (jeu de dés, filtres dans la galerie photo, interactions DOM dans le zoo).

Manipulation du DOM

Gestion des éléments dynamiques dans le jeu de dés et les filtres de la galerie photo via JavaScript.

Intégration de librairies externes

Intégrée dans le portfolio du photographe pour créer une galerie fluide et interactive.

PHP (Back-end)

Utilisé dans le projet Garage et Zoo pour la gestion des comptes, formulaires, affichage dynamique des contenus.

Framework Symfony

Employé pour structurer mes projets web plus complexes avec une architecture MVC.

SQL / Conception de base de données

Création de tables, relations et requêtes SQL dans mes projets back-end, y compris migrations et fixtures.

Utilisation de bases NoSQL (MongoDB)

Employé dans le zoo pour le suivi des consultations des fiches animaux.

Git / GitHub / GitLab

Utilisé dans tous mes projets pour la gestion de version, création de branches, merges, documentation

Compétence de la ligne de commande (Shell / Bash)

Utilisation du terminal pour automatiser les tâches, manipuler des fichiers, exécuter des outils CLI.

Docker / Docker-compose

Conteneurisation d’environnements de développement (PHP, MySQL, etc.) pour assurer une configuration stable et reproductible.

Déploiement web

Publication mes projets en ligne et création de guides d’installation

Compétences Transversales

Conception de projet web

Capacité à analyser les besoins d’un client, structurer un projet, définir les fonctionnalités à implémenter et planifier les tâches.

Exemple : Rédaction du cahier des charges pour le projet du zoo Arcadia, définition des utilisateurs (visiteurs, vétérinaires, employés), priorisation des User Stories.

Maquettage UI/UX

Création de wireframes, mockups et d’interfaces utilisateur fonctionnelles, lisibles et esthétiques. Prise en compte de l’ergonomie, du responsive design et de la hiérarchie visuelle.

Exemple : Réalisation de maquettes mobile et desktop pour le portfolio photographe, en cohérence avec sa charte graphique et les besoins utilisateurs.

Gestion de projet agile

Organisation et suivi du développement à l’aide d’outils collaboratifs et de méthodes agiles (Kanban, Scrum, etc.).

Exemple : Suivi du projet garage automobile sur Trello : découpage en tâches, affectation des priorités, validation étape par étape jusqu’à livraison.

Déploiement continu (CI/CD)

Mise en place d’un processus automatisé pour tester, valider et déployer du code en production de manière fiable et rapide.

Exemple : Utilisation de GitHub + GitLab pour déploiement automatique du site web garage automobile et zoo Arcadia dès qu’une branche principale est mise à jour.

Résolution de problèmes

Identifier rapidement la source d’un bug ou d’un comportement inattendu et proposer une solution efficace.

Exemple : Débogage d’un problème de changement de joueur non fonctionnel dans le jeu de dés JavaScript via inspection DOM et console.

Sensibilité à la sécurité

Prendre en compte les risques liés au web (XSS, injection SQL, gestion des mots de passe, ...) et appliquer des bonnes pratiques de sécurisation.

Exemple : Mise en place de protections sur les formulaires et gestion des rôles utilisateur (admin/employé/vétérinaire) dans le projet zoo.

Capacité d’adaptation

Être capable de s’adapter à différents projets, environnements techniques ou contraintes spécifiques (temps, client, contexte).

Exemple : Passer d’un projet vitrine simple (portfolio photographe) à une application complète multi-utilisateurs (zoo), en changeant d’outils et de méthode.