FFF WORLD CUP

Site comparatif France 1998 vs France 2018

Ce projet est réalisé dans un cadre universitaire pour démontrer nos compétences en gestion de projet et en développement web.
L'objectif principal est de créer un site informatif et interactif comparant les équipes de France de football des années 1998 et 2018.

Membres

• Marwan Seghiri
• Alexandre Hamon
• Yanis Buhot
• Mehdi Zenati
• Théo Chaput
• Joris Brusa

Lien

• Lien du site héberger : (https://fffworldcup.alwaysdata.net/)

Répartition des tâches

• Chef de projet : Marwan Seghiri
• Maquétiste/designer : Mehdi Zenati
• Développeur front : Alexandre Hamon, Théo Chaput, Yanis Buhot, Joris Brusa, Marwan Seghiri et Mehdi Zenati
• Hébergement : Alexandre Hamon

Réalisation du projet

Objectif du projet

Ce site a été conçu pour :

• Mettre en valeur les différences et similitudes entre les deux équipes légendaires.
• Permettre une navigation simple et intuitive pour découvrir les détails de chaque joueur et équipe.

Etapes

1. Plannification, idéation et conception :

   • Décision du sujet de notre site
   • Répartition des rôles
   • Evaluation des risques et problèmes

2. Design et Maquette :

   • Création de la charte graphique du projet
   • Création du logo et des différentes features graphique intégrés sur le site
   • Création de la maquette du site

3. Développement :

   • Créaation du skelette des pages en HTML et bootstrap
   • Ajout du CS
   • Création des différentes fonctionnalités du site

4. Validation :

   • Vérification du site et validation générale
   • Test du site par des personnes extérieur au projet

5. Hébergement :

   • Hébergement du site finale

Description du site

Le site est structuré comme suit :

1. Page d'accueil

   • Propose un choix entre les deux équipes : France 1998 ou France 2018.

2. Page équipe

   • Après avoir sélectionné une équipe, l'utilisateur accède à une page dédiée avec :
     • La liste des joueurs.
     • Les compositions de l'équipe.
     • Le palmarès.

3. Page joueur

   • En cliquant sur un joueur, l'utilisateur accède à une page spécifique contenant :
     • Une photo du joueur.
     • Toutes ses informations détaillées.

Technologies utilisées

• Figma
• Trello
• Canva pour le un Gantt
• HTML
• CSS
• Bootstrap
• GitHub pour le suivi et le partage du code.
• Hebergement réalisé sur AlwaysData

---

Merci de votre visite et bonne exploration !