Ce projet intervient dans le cadre de l'UE Web de la troisième année de formation FIL à IMT Atlantique.
Le projet utilise bun pour gérer les dépendances et les scripts. Pour l'installer, exécutez la commande suivante :
bun install- Pour lancer le websocket, ouvrez un terminal à la racine du projet et effectuez les commandes suivantes :
cd server
bun run serverLe Websocket est lancé sur le port 4000 : http://localhost:4000
- Pour lancer l'application, ouvrez un autre terminal à la racine du projet et effectuez la commande suivante :
bun run devL'application est lancée sur le port 3000 : http://localhost:3000
L'application est une carte du monde interactive permettant à chaque utilisateurs de mettre des pays en "favoris". En termes, de technologies, elle utilise le meta-framework NuxtJs.
L'application, associée à un websocket permet d'inter-connecter de multiples utilisateurs (maximum 10). Chaque utilisateurs peux ainsi voir qui est connecté à l'aide d'une liste de pseudo située en bas à gauche de l'écran. De plus, il est possible de voir le curseur des autres utilisateurs se déplacer en temps réels de manière à savoir où ils sont situés sur l'application.
Lorsque vous cliqué sur le pseudo d'un utilisateur connecté, une boite de messagerie apparait en bas à droite de l'écran. Cette dernière permet d'envoyer des messages à l'utilisateur en question ainsi que d'en recevoir. De plus, il est possible de voir les pays que l'autre utilisateur à ajouté en favoris ainsi que les pays favoris en communs.
Lorsque que vous effectuez un simple clique sur un pays, son nom ainsi qu'un bouton "favoris" apparaissent. Si vous décidez d'ajouter ce pays en tant que favoris, il apparaitra en surbrillance.
Lorsque que vous effectuez un double clique sur un pays, le pays sera automatiquement ajouté en tant que favoris, permettant ainsi un gain de temps.
Lorsque que vous effectuez un clique sur la page, une barre d'outils apparaît. Elle permet soit de supprimer tous les pays favoris en cliquant sur l'icone poubelle, soit de changer la couleur de surbrillance des pays favoris en effectuant un drag-and-drop vers la carte, depuis une des case colorées. Un icone déplacer permet de déplacer la barre d'outils et une icône fermer permet de la faire disparaitre.