monkey app clone

Клон приложения для обезьяны?

Этот проект является минимальным клоном приложения Monkey, приложения для социальных сетей, которое позволяет пользователям общаться со случайными людьми. Он использует различные технологии, включая Reactjs для Frontend, Redux Toolkit для управления государством, Peerjs для Webrtc, React useBebsocket, Bunjs для бэкэнд и Docker для контейнеризации и оркестровки.

Доступ к живой демонстрации приложения можно получить по адресу: https://monkey.misterneo.pro

Оглавление

• Описание
• Технологии используются
• Предварительные условия
• Запуск приложения
  • Используя Bunjs
  • Использование Docker Compose
• Внося
• Лицензия

Описание

Клон приложения Monkey - это проект, который направлен на воспроизведение функциональности приложения Monkey. Это позволяет пользователям участвовать в видеочатах, используя технологию WEBRTC. Это также позволяет пользователям отправлять текстовые сообщения друг другу, используя DataChannel WEBRTC. Приложение построено с использованием ReactJS для Frontend, Redux Toolkit для управления государством, Peerjs для WEBRTC, React useBebSocket, Bunjs для бэкэнд и докера для контейнеризации и оркестровки.

Технологии используются

• ReactJs (Frontend)
• Redux Toolkit (Управление государством)
• Peerjs (webrtc)
• React useWebSocket (WebSockets)
• Bunjs (бэкэнд)
• Docker (контейнеризация)
• Docker Compose (контейнерная оркестровая)

Предварительные условия

Перед запуском приложения убедитесь, что Bunjs установлен на вашей машине. Инструкции по установке можно найти здесь. Если вы не можете установить Bunjs, вы можете использовать файл Docker Compose для запуска приложения с Docker.

Запуск приложения

• Клонировать репозиторий

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

Используя Bunjs

Запустить бэкэнд

• Перейдите в каталог server

 cd server

• Установите зависимости

bun install

• Запустить приложение

bun run index.ts

Это запустит WebSocketcocket и HTTP -сервер на порту 3000.

Необязательно:

Вы можете указать порт, используя флаг --port , например, bun run index.ts --port 5000 . Включить режим отладки, используя флаг --debug , например, bun run index.ts --debug .

Если вы решите изменить порт по умолчанию, вам нужно будет обновить переменную VITE_SERVER_PORT в файле .env.local в каталоге client . Вы можете сделать это, копировав файл .env.example и переименование в .env.local . Затем обновите переменную VITE_SERVER_PORT для указанного вами порта.

Запуск фронта

• Перейдите в каталог client

 cd client

• Установите зависимости

bun install

• Запустить приложение

bun run dev

Это запустит приложение на порту 5173. Перейдите к http://localhost:5173 для просмотра приложения.

Использование Docker Compose

• Запустите следующую команду в корне проекта, чтобы запустить приложение:

docker compose up -d --build

Подождите, пока приложение запустит. Это может занять несколько минут, когда вы запустите команду.

Перейдите к http://localhost:5173 чтобы просмотреть приложение.

• Чтобы остановить приложение, запустите следующую команду:

docker compose down

Внося

Взносы приветствуются. Не стесняйтесь открыть запрос на привлечение или отправить проблему.

Лицензия

Этот проект лицензирован по лицензии MIT. Смотрите файл лицензии для получения более подробной информации.