- Avoir nodejs d'installé sur votre machine. Pour savoir si vous l'avez installé, exécutez dans un terminal:
node -v
Si cela vous retourne une version, alors nodejs est bien installé.
Suite à l'installation de nodejs, il faut ouvrir un terminal dans le répertoire du projet, puis exécuter cette commande à partir de la racine du projet :
npm install
Cela installera les librairies nécessaires au fonctionnement interne du chat.
Pour démarrer la reconstruction du front-end, ouvrez un terminal dans la racine du projet (pas le dossier client), puis...
npm run webpack
Si webpack est actif, votre JavaScript se regénèrera automatiquement lorsqu'un fichier est modifié. Par exemple, si vous modifiez le fichier "client/src/page-index.js" (ou n'importe quel fichier utilisé dans celui-ci), webpack mettra à jour le fichier "client/dist/index.js" avec vos modifications.
Vous pouvez ensuite ouvrir les pages chat.html, index.html et register.html via votre navigateur et dans VS Code.
Pour ce projet, ne travaillez que dans le dossier client/. Vous pouvez modifier tous les fichiers qui s'y trouvent, mais il est fortement déconseillé d'altérer les lignes de code déjà en place, car il est 100% fonctionnel avec le serveur de chat. Ajoutez des lignes, créez des fichiers et images, mais attention de ne pas briser l'accès au serveur (connexion, déconnexion, etc.).
Toutes les informations nécessaires à la réalisation du projet se trouvent ici : [https://notes-de-cours.com/webjs/travaux]
Pour remettre votre projet, zippez-le, puis déposez-le dans le Z:/remise/c33/chat. La journée de la remise, je vous demanderai de me présenter votre projet, afin que je comprenne bien votre projet et vos animations.