Sign inSign up

fromchat/web

By fromchat

•Updated 10 days ago

FromChat Web Client — веб-приложение для обмена сообщениями

Image
Networking
Web servers
0

974

fromchat/web repository overview

⁠FromChat Web Client — веб-приложение для обмена сообщениями

Read in other languages: English⁠

Написано ИИ. Могут быть ошибки.

⁠📝 Описание

Веб-клиент FromChat — React/TypeScript приложение для браузера. Десктоп-клиент — Compose Multiplatform в Android/KMP репозитории⁠.

⁠Развернуть в 1 клик

docker run -d --restart always -p 8301:80 fromchat/web:latest

⁠✨ Возможности

  • Защищённые личные сообщения (легальная схема шифрования)
  • Голосовые/видеозвонки и демонстрация экрана
  • Реакции на сообщения
  • Публичные чаты и профили
  • Управление устройствами
  • WebSocket для реал-тайма
  • Тёмный режим

⁠🏗️ Технологический стек

КомпонентПримечание
React 19UI
TypeScriptстрогая типизация
Vite 7dev-сервер и сборка
MDUIMaterial Design
Zustand + use-immerсостояние
Motionанимации
TweetNaCl.jsкриптография

⁠🔧 Разработка

⁠Требования
  • Node.js 20+ (для Docker-образа используется Node 24)
  • npm
  • Backend API на http://localhost:8300 (проксируется через /api)
⁠Быстрый старт
git clone https://github.com/fromchat-messenger/web.git
cd web
npm install
cp .env.example .env   # при необходимости; install может скопировать сам
npm run frontend:dev

Откройте http://localhost:8301.

⁠Команды
npm run frontend:dev              # Vite на :8301
npm run frontend:typecheck        # TypeScript
npm run frontend:build            # typecheck + production build → build/normal
npm run frontend:preview          # preview собранного фронта
⁠Структура проекта
web/
├── src/
│   ├── index.html
│   ├── main/                 # React-приложение (@/)
│   │   ├── pages/            # auth, chat, profile, …
│   │   ├── core/             # API, websocket, calls, …
│   │   ├── state/            # Zustand stores
│   │   ├── utils/
│   │   └── css/              # SCSS (Material Design)
│   └── protocol/             # общий протокол (@fromchat/protocol)
├── plugins/                  # Vite-плагины
├── vite.config.ts
├── compose.yml               # production-образ веба (:8301→80)
├── Dockerfile
├── .env.example
└── package.json

⁠🐳 Docker

docker compose up --build

Контейнер слушает порт 8301 (внутри nginx/static-server на 80).

⁠🤝 Внесение вклада

  1. Создайте ветку под изменение
  2. Отправьте PR с описанием
  3. Проверьте типы: npm run frontend:typecheck

⁠📄 Лицензия

GNU Affero General Public License v3.0 — см. LICENSE⁠.

⁠🔗 Связанные репозитории

Tag summary

Content type

Image

Digest

sha256:c57daec0b…

Size

8.5 MB

Last updated

10 days ago

docker pull fromchat/web