// Projet 03 — Personnel
Gaming
Gaming
Rayan
Site vitrine personnel regroupant les jeux auxquels j'ai joué, réalisé pour m'entraîner au HTML et CSS en début de formation.
📅 Octobre 2025
⏱ 5 jours
👤 Solo
🎮 Projet Personnel
GitHub
Contexte
Projet personnel réalisé en tout début de formation pour pratiquer le HTML et CSS. L'idée était simple : créer un site vitrine autour de ma passion pour le gaming. Ce projet m'a permis de comprendre les bases de la mise en page, des animations CSS et du design d'interface en partant de zéro.
Contenu du site
- Page d'accueil avec hero animé et statistiques personnelles
- Cartes interactives pour chaque jeu avec effet flip 3D au survol
- Présentation de 6 jeux : Valorant, League of Legends, GTA VI, CS2, R6 Siege et Rocket League
- Section à propos avec carte de profil et barres de compétences
- Barre de navigation fixe et footer
Captures d'écran
Ma contribution
- Structure HTML complète et sémantique de toutes les pages
- Design CSS avec thème gaming, couleurs néon et effets de lueur
- Cartes de jeux avec animation flip 3D en CSS pur
- Barre de navigation fixe avec effet glassmorphism
- Animations et transitions CSS sur les boutons, cartes et sections
Ce que j'ai appris
HTML
Structurer une page web complète avec des balises sémantiques adaptées et une organisation claire du contenu.
CSS
Maîtriser les animations, transitions, effets 3D avec transform et perspective.
Mise en page
Construire des layouts modernes et flexibles avec CSS Grid et Flexbox.