71 lines
2.0 KiB
Markdown
71 lines
2.0 KiB
Markdown
<div style="font-family: sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: auto;">
|
||
|
||
<h1 style="color: #2c3e50; border-bottom: 2px solid #2c3e50; padding-bottom: 10px;">⚽ Football Stats API</h1>
|
||
|
||
<section>
|
||
<h2 style="color: #2980b9;">📝 Description</h2>
|
||
<p>
|
||
<strong>Football Stats API</strong> est une application desktop développée avec <strong>Electron</strong> permettant de gérer des données liées au football.
|
||
Elle permet d'administrer des joueurs, des équipes, des tournois et leurs statistiques.
|
||
</p>
|
||
<p>
|
||
Les données sont stockées localement via <code>localStorage</code>, garantissant la persistance même après fermeture de l’application.
|
||
</p>
|
||
</section>
|
||
|
||
<hr>
|
||
|
||
<section>
|
||
<h2 style="color: #2980b9;">🛠 Technologies utilisées</h2>
|
||
<ul>
|
||
<li>HTML / CSS</li>
|
||
<li>JavaScript</li>
|
||
<li>Electron (Desktop)</li>
|
||
<li>localStorage (Stockage local)</li>
|
||
<li>JSON (Format de données)</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<hr>
|
||
|
||
<section>
|
||
<h2 style="color: #2980b9;">🏗 Architecture</h2>
|
||
<h3>🖥️ Frontend (Juba)</h3>
|
||
<ul>
|
||
<li>Affichage et gestion de l'interface utilisateur.</li>
|
||
<li>Formulaires de saisie pour les joueurs et matchs.</li>
|
||
</ul>
|
||
<h3>⚙️ Backend Local (Malik)</h3>
|
||
<ul>
|
||
<li>Logique de calcul des statistiques.</li>
|
||
<li>Gestion du CRUD et synchronisation JSON.</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<hr>
|
||
|
||
<section>
|
||
<h2 style="color: #2980b9;">👤 Structure d'un Joueur</h2>
|
||
<pre style="background: #f4f4f4; padding: 10px; border-radius: 5px;">
|
||
{
|
||
"id": 0,
|
||
"name": "",
|
||
"goals": 0,
|
||
"assists": 0,
|
||
"fouls": 0
|
||
}
|
||
</pre>
|
||
</section>
|
||
|
||
<hr>
|
||
|
||
<section>
|
||
<h2 style="color: #2980b9;">🚀 Lancement</h2>
|
||
<p><code>npm install</code> && <code>npm start</code></p>
|
||
</section>
|
||
|
||
<footer style="margin-top: 20px; font-size: 0.9em; color: #7f8c8d;">
|
||
<p><em>Note : Ce projet simule un backend via JavaScript et localStorage.</em></p>
|
||
</footer>
|
||
|
||
</div> |
