Discussion sur le projet UOL
Le projet implémenté est un chat en temps réel, inspiré de UOL Chat. Il permet à l'utilisateur d'accéder à une salle de discussion, d'envoyer et de recevoir des messages et de visualiser les messages précédents échangés dans la salle. Il est basé sur des technologies JavaScript pures et n'utilise pas de bibliothèques ou d'autres langages compilés en JavaScript. De plus, il utilise l'API Chat UOL pour maintenir la connexion de l'utilisateur et implémenter certaines fonctionnalités.
Pour tester le fonctionnement du projet, accédez à ce lien : https://projeto5-batepapouol-navy.vercel.app/
À propos
Le projet était motivé par la nécessité de développer des compétences purement JavaScript et d'explorer le développement de chats en temps réel. Le projet implémente les fonctionnalités suivantes :
- Entrée de la salle : lorsque l'utilisateur accède à la page, il lui est demandé de saisir son nom, puis le nom est envoyé au serveur pour enregistrer l'utilisateur. Si le serveur répond correctement, l'utilisateur peut rejoindre la salle. Sinon, il devra choisir un autre nom.
- Envoi de messages : l'utilisateur peut envoyer des messages au salon de discussion. Lorsque le serveur répond correctement, les messages du salon de discussion sont mis à jour et le nouveau message s'affiche.
- Affichage des messages : le chat affiche les messages passés de la salle de discussion ainsi que les messages récemment envoyés. Il existe trois types de messages : les messages normaux, les messages réservés et les messages d'état (tels que "Rejoint" ou "Quitté" la salle). Chaque type de message a un arrière-plan différent et les messages réservés ne sont affichés que si l'expéditeur ou le destinataire est le même que l'utilisateur.
- Mise à jour automatique : la salle de discussion est mise à jour toutes les trois secondes pour tenir l'utilisateur au courant des derniers messages.
- Maintenir la connexion : Le serveur doit savoir que l'utilisateur est toujours en ligne. Pour cela, toutes les 5 secondes, le système doit envoyer une requête POST à l'API Chat UOL informant que l'utilisateur est actif.
- Recherche de messages : l'utilisateur peut rechercher des messages précédents dans la salle de discussion.
Technologies
- Javascript
- API de discussion UOL
Comment exécuter le projet
- Clonez le référentiel sur votre ordinateur local.
- Ouvrez le fichier index.html dans un navigateur Web.
- Entrez votre nom et cliquez sur « Rejoindre la salle ».
- Envoyez et recevez des messages dans la salle de discussion.
Comment contribuer
Les contributions sont toujours les bienvenues ! Si vous trouvez des bugs ou avez des suggestions de nouvelles fonctionnalités, n'hésitez pas à ouvrir un problème ou une pull request.
Disposition mobile
