Les plus aboutis

Les projets dans lesquels j'ai le plus investi, avec un vrai travail de fond.

Aperçu du projet Vald
Projet 01 Site web
SAE 105 —
Site sur l'artiste VALD

Site réalisé en équipe sur l'univers du rappeur Vald. Intégration d'une maquette graphique complète en PHP, avec galerie d'images, données dynamiques via JSON, formulaire de contact et upload de fichiers côté serveur.

Contexte Projet formation (équipe)
Objectif Intégration maquette + dynamisme PHP
Ce que j'ai appris PHP, JSON, upload de fichiers, envoi de mail
PHP JSON HTML CSS
Voir le projet →
Projet 02 Site web
SAE 203 —
Catalogue naval & MySQL

Catalogue de bâtiments de guerre classés par pavillon, alimenté par une base MySQL relationnelle. Listing complet et recherche filtrée par nom ou pavillon, générés dynamiquement via PHP et PDO.

Contexte Projet formation
Objectif Base de données relationnelle + recherche
Ce que j'ai appris MySQL, PDO, requêtes filtrées, jointures
PHP MySQL HTML CSS
Voir le projet →
Projet 03 Site Personnel
MK Drone Photo

Mon site de photographie et de drone, conçu et développé entièrement par mes soins. Galerie, présentation du matériel, identité visuelle cohérente. C'est un projet personnel qui tourne en production et qui regroupe mon travail photo et FPV.

Contexte Projet professionnel
URL mkdronephoto.fr
Ce que j'ai appris Gestion complète d'un site en prod
HTML CSS Json JavaScript
Voir le site →
Projet 04 Portfolio
Ce portfolio

Ce site lui-même est un projet à part entière. Conçu et codé de zéro en HTML/CSS/JS, sans framework ni CMS. Chaque section, animation et mise en page a été pensée et écrite manuellement pour refléter mon niveau actuel et mon style.

Contexte Projet formation
Objectif Montrer mes compétences en pratique
Ce que j'ai appris Architecture CSS, animations JS
JavaScript HTML CSS PHP

Projets scolaires

Réalisés dans le cadre de ma formation MMI.

Note : Les fichiers PHP nécessitent un serveur local pour fonctionner. Je peux présenter l'ensemble des travaux en détail lors d'un entretien.
Intégration HTML / CSS — Arboretum
Site multi-pages responsive sur un arboretum : navigation, sections thématiques, carte Google Maps intégrée. Progression du zoning jusqu'à la version one-page.
Voir la version one-page →
HTML CSS
CSS avancé — Boutique Hony Tawk
Intégration d'une boutique e-commerce skateboard : grid CSS, layout responsive multi-colonnes, aside filtres, header et footer structurés.
Voir la boutique →
CSS HTML Grid
PHP — Pages dynamiques & formulaires
Séries de TPs sur le traitement de formulaires : bulletin de notes avec calcul de moyennes, inscription avec validation, tri et affichage conditionnel côté serveur.
Voir le bulletin de notes →
PHP HTML
Production graphique
Maquettes et supports visuels réalisés en cours : chartes graphiques, travaux sur la suite Adobe.
Adobe Design
Architecture MVC — Site de jeux
Application web complète en PHP suivant le pattern MVC : routeur URL, contrôleurs dédiés (accueil, clients, jeux, connexion), modèles base de données, vues séparées. Gestion d'une liste de jeux et de clients avec authentification.
PHP MVC MySQL Router
CSS avancé — Plateau de Monopoly
Reproduction fidèle d'un plateau de Monopoly en pur CSS : grid imbriquées, rotation des cases, placement précis des éléments, sans aucune image. Un exercice de maîtrise CSS poussée.
Voir le plateau →
CSS Grid HTML
HTML5 — Ergonomie des formulaires
Série d'exercices sur les types d'inputs HTML5 : text, email, date, color, file, range, checkbox, radio, select… Mise en pratique des bonnes pratiques d'accessibilité et d'ergonomie de formulaire.
Voir les exercices →
HTML5 Forms Accessibilité
WordPress — Installation & prise en main CMS
Déploiement et configuration complète d'une instance WordPress : structure de thème, gestion des plugins, administration back-office, architecture fichiers PHP/MySQL d'un CMS professionnel.
WordPress PHP MySQL CMS
Site Arboretum — Version multi-pages
Première version complète du site Arboretum de Loupessac en multi-pages : accueil, historique, plan du parc, accès, contact. Navigation structurée, mise en page responsive, avant la refonte one-page.
Voir la version multi-pages →
HTML CSS Multi-pages

On travaille ensemble ?

Disponible pour un stage, un projet scolaire ou une collaboration.

Me contacter →