🎶 RhythmChat 🎤

Bienvenue sur RhythmChat, une plateforme de communication innovante qui fusionne l'échange traditionnel avec des éléments de rythme et de jeu vidéo pour une expérience unique et captivante ! 🚀

🌟 À propos du projet

RhythmChat est conçu pour offrir une expérience de chat dynamique où la rapidité et le rythme de vos messages influencent votre progression et le déblocage de nouvelles fonctionnalités. En combinant communication et gamification, RhythmChat rend chaque interaction plus engageante et amusante. 🎮💬 C'est un projet que j'ai pu réaliser dans le cadre de ma Spécialité NSI en année de première.

🛠️ Fonctionnalités principales

📄 Pages et Interfaces

• Page de Connexion 🔒 : Accédez à votre compte en toute sécurité.
• Page de Chat 💬 : Discutez avec vos amis tout en suivant votre rythme.
• Paliers de Fonctionnalités 🚀 : Débloquez des fonctionnalités additionnelles en progressant.
• Classement Dynamique 🏆 : Comparez votre performance avec celle des autres utilisateurs.
• Personnalisation du Compte 🎨 : Personnalisez votre profil et vos préférences.

⚙️ Systèmes Intégrés

• Progression d’Expérience 📈 :
  • Barre de progression
  • Gestion des gains basée sur le rythme de frappe
  • Notifications désactivables
• Gestion du Compte 🧑‍💼 :
  • Informations personnelles
  • Changement de mot de passe
  • Suppression du compte
• Tutoriel de Première Connexion 📚 : Découvrez les fonctionnalités de RhythmChat dès votre première utilisation.
• Système de Son 🔊 : Effets sonores personnalisés en fonction des actions réalisées.
• Notifications Multiples 🔔 : Recevez des alertes adaptées à vos besoins.
• Compteur de Sessions Actives 📊 : Visualisez le nombre d’utilisateurs en ligne.
• Déblocage Dynamique de Fonctionnalités 🔓 : Accédez à de nouvelles options en fonction de votre niveau.
• Préférences Utilisateur 🛠️ : Personnalisez les fonctionnalités selon vos préférences.
• Sauvegarde des Données 💾 : Historique des messages et données utilisateur sauvegardées côté serveur.
• Authentification Sécurisée 🔐 : Reconnaissance des utilisateurs via des tokens.

🖥️ Technologies Utilisées

Côté Client

• HTML5 📄
• CSS3 🎨
• JavaScript 🖱️
• Images & Sons 🎵

Côté Serveur

• Node.js 🟢
• JSON 📂

🚀 Installation

Suivez ces étapes pour installer et exécuter RhythmChat localement sur votre machine :

📋 Prérequis

• Node.js (v14 ou supérieur) : Télécharger Node.js
• Git : Télécharger Git
• Un éditeur de code (ex. : VS Code) est recommandé.

🛠️ Étapes d'installation

1. Cloner le dépôt

   git clone https://github.com/VotreNomUtilisateur/RhythmChat.git

2. Naviguer dans le répertoire du projet

   cd RhythmChat

3. Installer les dépendances

   npm install

4. Configurer les variables d'environnement Assurez vous de bien changer les chemins de connexion dans le fichier client.js, de même il faut parcourir le server.js et s'assurer de la bonne distribution des ressources

5. Lancer le serveur

   npm start

   Le serveur devrait maintenant être en cours d'exécution sur http://localhost:3000.

6. Accéder à l'application

   • Ouvrez votre navigateur préféré.
   • Rendez-vous à http://localhost:3000 pour voir RhythmChat en action !