monkey app clone

¿Clon de aplicaciones de mono?

Este proyecto es un clon mínimo de la aplicación Monkey, una aplicación de redes sociales que permite a los usuarios chatear con personas aleatorias. Utiliza una variedad de tecnologías que incluyen reactjs para frontend, kit de herramientas Redux para la gestión del estado, PeerJS para WebRTC, React UseWebSocket, Bunjs para el backend y Docker para la contenedores y la orquestación.

Se puede acceder a una demostración en vivo de la aplicación en: https://monkey.misterneo.pro

Tabla de contenido

• Descripción
• Tecnologías utilizadas
• Requisitos previos
• Ejecutando la aplicación
  • Usando Bunjs
  • Usando Docker Compose
• Que contribuye
• Licencia

Descripción

El Monkey App Clone es un proyecto que tiene como objetivo replicar la funcionalidad de la aplicación Monkey. Permite a los usuarios participar en chats de video utilizando la tecnología WEBRTC. También permite a los usuarios enviar mensajes de texto entre sí utilizando Datachannel de WebRTC. La aplicación se construye utilizando ReactJS para el Kit de herramientas Redux Redux para la administración de estado, PeerJS para WEBRTC, React UseWebSocket, BUNJS para el backend y Docker para contenedorización y orquestación.

Tecnologías utilizadas

• Reactjs (frontend)
• Redux Toolkit (gestión estatal)
• Peerjs (Webrtc)
• React UseWebSocket (WebSockets)
• Bunjs (backend)
• Docker (contenedorización)
• Docker Compose (orquestación de contenedores)

Requisitos previos

Antes de ejecutar la aplicación, asegúrese de que Bunjs esté instalado en su máquina. Las instrucciones de instalación se pueden encontrar aquí. Si no puede instalar BUNJS, puede usar el archivo Docker Compose para ejecutar la aplicación con Docker.

Ejecutando la aplicación

• Clonar el repositorio

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

Usando Bunjs

Ejecutando el backend

• Ir al directorio server

 cd server

• Instalar las dependencias

bun install

• Ejecutar la aplicación

bun run index.ts

Esto iniciará un servidor WebSocket y HTTP en el puerto 3000.

Opcionalmente:

Puede especificar el puerto usando el indicador --port , por ejemplo, bun run index.ts --port 5000 . Habilitar el modo de depuración usando la bandera --debug , por ejemplo, bun run index.ts --debug .

Si decide cambiar el puerto predeterminado, deberá actualizar la variable VITE_SERVER_PORT en el archivo .env.local en el directorio client . Puede hacerlo copiando el archivo .env.example y cambiándolo a .env.local . Luego, actualice la variable VITE_SERVER_PORT al puerto que especificó.

Corriendo el frontend

• Ir al directorio client

 cd client

• Instalar las dependencias

bun install

• Ejecutar la aplicación

bun run dev

Esto iniciará la aplicación en el puerto 5173. Navegue a http://localhost:5173 para ver la aplicación.

Usando Docker Compose

• Ejecute el siguiente comando en la raíz del proyecto para iniciar la aplicación:

docker compose up -d --build

Espere a que comience la aplicación. Esto puede tomar unos minutos la primera vez que ejecuta el comando.

Navegue a http://localhost:5173 para ver la aplicación.

• Para detener la aplicación, ejecute el siguiente comando:

docker compose down

Que contribuye

Las contribuciones son bienvenidas. No dude en abrir una solicitud de extracción o enviar un problema.

Licencia

Este proyecto tiene licencia bajo la licencia MIT. Consulte el archivo de licencia para obtener más detalles.