https://github.com/istifano/fut-champ-ultimate-team

FUT Team Builder ⚽️ is a web app that lets users create and customize their Ultimate Team (FUT) football lineup. It offers dynamic player management 👥, position adjustments 📍 based on tactical formations 🏟️, Users can save configurations with localStorage 💾,drag-and-drop interface �
https://github.com/istifano/fut-champ-ultimate-team

css-flexbox css-grid css3 html js json

Last synced: 3 months ago
JSON representation

FUT Team Builder ⚽️ is a web app that lets users create and customize their Ultimate Team (FUT) football lineup. It offers dynamic player management 👥, position adjustments 📍 based on tactical formations 🏟️, Users can save configurations with localStorage 💾,drag-and-drop interface �

• Host: GitHub
• URL: https://github.com/istifano/fut-champ-ultimate-team
• Owner: ISTIFANO
• Created: 2024-11-25T08:29:57.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-04T11:30:16.000Z (over 1 year ago)
• Last Synced: 2025-02-15T14:19:12.394Z (over 1 year ago)
• Topics: css-flexbox, css-grid, css3, html, js, json
• Language: HTML
• Homepage: https://lovely-zabaione-d0ad60.netlify.app/
• Size: 2.64 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FUT-Champ-Ultimate-Team

## Description du Projet

**FUT Team Builder** est une application interactive qui permet aux utilisateurs de créer et de personnaliser leur équipe de football Ultimate Team (FUT). L'objectif principal est de fournir une expérience intuitive pour construire des équipes en fonction de formations tactiques, tout en calculant la chimie de l'équipe et en sauvegardant les configurations.

---

## Fonctionnalités Principales

1. **Gestion Dynamique des Joueurs :**

   - Ajouter, modifier et supprimer des joueurs.

   - Limitation stricte à 11 joueurs dans la formation principale.

2. **Positionnement des Joueurs :**

   - Ajustement des positions en fonction des formations tactiques (4-4-2, 4-3-3).

3. **Calcul de la Chimie :**

   - Calcul dynamique basé sur les liens entre les joueurs (club, ligue, nationalité).

   - Affichage d'un score de chimie normalisé.

4. **Sauvegarde des Données :**

   - Utilisation de `localStorage` pour conserver les données des formations et des joueurs.

5. **Interface Interactive :**

   - Fonctionnalité de **drag-and-drop** pour le positionnement et l'échange des joueurs.

6. **Responsive Design :**

   - Interface adaptée aux écrans de toutes tailles (desktop, tablette, mobile).

---

## Technologies Utilisées

- **Frontend :**

  - HTML5, CSS3 ( Tailwind CSS, Bootstrap).

  - JavaScript Vanilla.

- **Gestion des Données :**

  - `localStorage` pour la sauvegarde locale.