Projet de Chat en Temps Réel

Ce projet est une application de chat en temps réel développée avec React et SignalR. Il permet à plusieurs utilisateurs de se connecter à une salle de discussion et d'échanger des messages en temps réel.

Technologies utilisées

Client:

- Vite : un outil de build rapide et minimaliste pour les applications web.

- React : une bibliothèque JavaScript pour la construction d'interfaces utilisateur.

- Sass (SCSS) : un préprocesseur CSS pour des styles plus avancés et modulaires.

- PWA : Progressive Web App, permettant une expérience utilisateur améliorée sur les appareils mobiles.

- JavaScript : le langage de programmation principal utilisé pour le développement de l'application.

- Lazy loading : une technique de chargement différé des ressources pour améliorer les performances de l'application.

Server:

- SignalR : une bibliothèque de messagerie en temps réel pour les applications web.

- C# : le langage de programmation utilisé pour le backend avec ASP.NET.

- ASP.NET : un framework de développement web pour créer des applications web robustes.

- Pattern Observer : un modèle de conception utilisé pour observer les événements de nouvelle notification.

Fonctionnalités

• Connexion à une salle de discussion en entrant un nom d'utilisateur.
• Envoi de messages aux autres utilisateurs de la salle.
• Affichage en temps réel des messages reçus des autres utilisateurs.
• Affichage des utilisateurs connectés dans la salle de discussion.
• Déconnexion de la salle de discussion.
• Réception de notifications pour les nouveaux messages.

Instructions d'installation

1. Clonez le dépôt du projet sur votre machine locale.
2. Accédez au répertoire du projet backend.
3. Accédez au répertoire du projet backend en utilisant la commande cd chatservice.
4. Accédez au sous-répertoire "chatservice" en utilisant la commande cd ChatService.
5. Exécutez la commande dotnet run pour démarrer le serveur backend.
6. Accédez au répertoire du projet frontend.
7. Exécutez la commande npm install pour installer les dépendances.
8. Exécutez la commande npm run dev pour démarrer l'application frontend en mode développement.
9. Ouvrez votre navigateur et accédez à l'URL http://localhost:5173 pour utiliser l'application.

Auteurs

• LAFRAME HAITAME
• AMAL MAROUA