Web 3

Ce travail consiste à vérifier vos connaissances en HTML, JavaScript et PHP en créant un jeu qui se connecte sur le serveur Magix via un API. En concevant votre jeu, vous devrez :

- Utiliser JSON pour échanger des informations avec le serveur et mettre à jour une page via JavaScript
- Utiliser AJAX et un API pour vous connecter au serveur
- Utiliser les langages JS, CSS, HTML et PHP et le framework React
- Utiliser une base de données relationnelle
- Utiliser le gestionnaire de verions git (faites un dépôt privé sur github).

Le jeu est multijoueurs, mais le serveur Magix s'occupe d'en faire la gestion lourde. En communiquant avec ce dernier, vous aurez la possibilité de jouer des parties contre des ordinateurs/joueurs.

Vous devez créer 4 sections à votre site Web :
- La page d'authentification
- La page de lobby (avec les boutons : jouer, pratique et quitter). Cette page doit également contenir le chat/clavardage, une façon de faire apparaitre la page de modification du deck et un lien vers la page d'informations.
- La page du jeu
- Une page d'informations (voir plus bas)

Page d'informations - PostgreSQL
L'historique des parties : En utilisant une base de données pgsql, vous devez conserver et afficher l'historique des parties que vous avez jouées (en ordre descendant de date). Vous devez conserver/afficher : le nom des deux joueurs, la date de la partie et qui est le gagnant. La page "historique" doit également afficher le ratio de victoire/défaite de l'usager connecté, selon l'historique. Il doit être possible de vider votre base de données via un bouton disponible dans l'interface.

Autres informations:
- Liste de cartes actuellement disponibles dans le jeu : https://magix.apps-de-cours.com/api/cards
- Nombre de cartes maximales sur le board : 7
- Nombre de cartes maximales dans la main : 8
- Le thème/interface du jeu est au choix. Évidemment, il ne doit pas être trop violent ou inapproprié.
- Regardez la grille de correction (voir plus bas) afin d'avoir une idée d'où seront donnés les points
- Vous n'avez pas à mettre le jeu responsive, mais essayez de supporter différentes résolutions d'écran d'ordinateur.
- Utilisez la base de données PostgreSQL du cours de Web 3 (que vous avez utilisé lors de l'exercice  StackOverflow).
- Ne PAS ajouter d'autres dépendances dans votre projet react (aucun autre npm install etc.).

Le serveur Magix se trouve au lien suivant : https://magix.apps-de-cours.com/server/
L'implémentation d'une version du jeu (thème) se trouve au lien suivant : https://magix-client.apps-de-cours.com/ . Cependant, vous ne serez pas en mesure de vous connecter sur cette implémentation.