SITE WEB & BASE DE DONNÉES - UFC MMI
UFC MMI - Site Web Dynamique Full-Stack
Vue d’ensemble du projet
UFC MMI est une plateforme web immersive dédiée à l’univers des arts martiaux mixtes, conçue comme un véritable écosystème interactif. Ce projet académique transcende les attentes d’un simple site vitrine pour proposer une expérience utilisateur complète, alliant design impactant et fonctionnalités avancées.
Vision créative & Direction artistique
L’identité visuelle s’inspire de l’atmosphère électrisante de l’octogone UFC : un design sombre et futuriste aux accents néon, créant une immersion totale dans l’univers brutal et spectaculaire du MMA. Chaque élément graphique évoque la puissance, la précision et l’adrénaline des combats professionnels.
Interface Utilisateur Dynamique
- Carrousel interactif avec transitions fluides pour mettre en avant les combattants vedettes
- Système d’animation sophistiqué (AOS.js, Typed.js) créant une expérience narrative captivante
- Effets 3D interactifs (VanillaTilt.js) sur les cartes combattants pour un retour visuel premium
- Notifications toast stylisées informant l’utilisateur en temps réel de ses actions
Gestion de Contenu Avancée
- Base de données relationnelle MySQL structurée avec 5 tables interconnectées
- Système de filtrage dynamique permettant la recherche multicritères (catégorie, style, poids)
- Gestion des uploads avec validation et redimensionnement automatique des images
- Interface d’administration pour la gestion complète du contenu
Expérience Utilisateur Personnalisée
- Comptes utilisateurs sécurisés avec hashage des mots de passe et authentification complète
- Création de combats personnalisés : les utilisateurs peuvent organiser leurs propres affrontements
- Profils personnalisables avec photo, biographie et préférences de combat
- Tableau de bord personnel pour gérer ses créations et favoris
Année
2025
Frontend
HTML5, CSS3, JavaScript ES6, TailwindCSS
Backend
PHP orienté objet, MySQL
Libraries
10+ bibliothèques JavaScript spécialisées pour une UX optimale
Impact & Résultats
Ce projet démontre ma capacité à concevoir et développer une application web complète, de la réflexion UX/UI jusqu’au déploiement. L’attention portée aux détails visuels, combinée à une architecture technique solide, illustre mon approche holistique du développement web moderne.
Cette réalisation témoigne de ma passion pour créer des expériences digitales mémorables et de ma maîtrise des technologies web actuelles – des compétences essentielles que je souhaite mettre au service d’une entreprise innovante dans le cadre d’une alternance en communication digitale.