monkey app clone

Clone d'application de singe?

Ce projet est un clone minimal de l'application Monkey, une application de médias sociaux qui permet aux utilisateurs de discuter avec des personnes aléatoires. Il utilise une variété de technologies, notamment ReactJS pour le frontend, Redux Toolkit for State Management, Peerjs pour WebBrTC, React Usewebsocket, Bunjs pour le backend et Docker pour la conteneurisation et l'orchestration.

Une démo en direct de l'application est accessible à: https://monkey.misterneo.pro

Table des matières

• Description
• Technologies utilisées
• Condition préalable
• Exécution de l'application
  • Utilisation de Bunjs
  • Utilisation de Docker Compose
• Contributif
• Licence

Description

Le clone d'application Monkey est un projet qui vise à reproduire la fonctionnalité de l'application Monkey. Il permet aux utilisateurs de s'engager dans des chats vidéo à l'aide de la technologie WebBrTC. Il permet également aux utilisateurs d'envoyer des messages texte les uns aux autres à l'aide de l'anannée Datachel WebrTC. L'application est construite à l'aide de ReactJS pour le frontend, Redux Toolkit for State Management, PeerJS pour webrtc, react usewebsocket, bunjs pour le backend et docker pour la conteneurisation et l'orchestration.

Technologies utilisées

• Reactjs (frontend)
• Toolkit Redux (gestion de l'État)
• Peerjs (webrtc)
• React usewebsocket (WebSockets)
• Bunjs (backend)
• Docker (conteneurisation)
• Docker Compose (orchestration de conteneurs)

Condition préalable

Avant d'exécuter l'application, assurez-vous que BUNJS est installé sur votre machine. Les instructions d'installation peuvent être trouvées ici. Si vous n'êtes pas en mesure d'installer BUNJS, vous pouvez utiliser le fichier Docker Compose pour exécuter l'application avec Docker.

Exécution de l'application

• Cloner le référentiel

git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-clone

Utilisation de Bunjs

Exécuter le backend

• Accédez au répertoire server

 cd server

• Installer les dépendances

bun install

• Exécutez l'application

bun run index.ts

Cela démarrera un serveur WebSocket et HTTP sur le port 3000.

Éventuellement:

Vous pouvez spécifier le port à l'aide de l'indicateur --port , par exemple, bun run index.ts --port 5000 . Activer le mode de débogage à l'aide de --debug Flag, par exemple, bun run index.ts --debug .

Si vous décidez de modifier le port par défaut, vous devrez mettre à jour la variable VITE_SERVER_PORT dans le fichier .env.local dans le répertoire client . Vous pouvez le faire en copiant le fichier .env.example et en le renommant à .env.local . Ensuite, mettez à jour la variable VITE_SERVER_PORT vers le port que vous avez spécifié.

Courir le frontend

• Accédez au répertoire client

 cd client

• Installer les dépendances

bun install

• Exécutez l'application

bun run dev

Cela démarrera l'application sur le port 5173. Accédez à http://localhost:5173 pour afficher l'application.

Utilisation de Docker Compose

• Exécutez la commande suivante à la racine du projet pour démarrer l'application:

docker compose up -d --build

Attendez que l'application commence. Cela peut prendre quelques minutes la première fois que vous exécutez la commande.

Accédez à http://localhost:5173 pour afficher l'application.

• Pour arrêter l'application, exécutez la commande suivante:

docker compose down

Contributif

Les contributions sont les bienvenues. N'hésitez pas à ouvrir une demande de traction ou à soumettre un problème.

Licence

Ce projet est autorisé sous la licence du MIT. Voir le fichier de licence pour plus de détails.