Add web client and containerized deployment stack
All checks were successful
CI / test (push) Successful in 19s

Web client:

- Added React + TypeScript + Vite + Tailwind application in web/.

- Implemented auth, chat list, chat messages, typing indicators, file uploads, and voice recording/playback.

- Added typed API layer, Zustand stores, and realtime websocket hook integration.

Containerization:

- Added backend Dockerfile and project .dockerignore.

- Added web multi-stage Dockerfile with nginx static hosting and API/WS reverse proxy.

- Added full docker-compose stack with postgres, redis, minio, backend, worker, mailpit, and web.

- Added MinIO bucket bootstrap init job and updated README with Docker quick-start.
This commit is contained in:
2026-03-07 21:55:50 +03:00
parent 85631b566a
commit 2501466c7a
35 changed files with 4074 additions and 0 deletions

31
web/src/app/App.tsx Normal file
View File

@@ -0,0 +1,31 @@
import { useEffect } from "react";
import { AuthPage } from "../pages/AuthPage";
import { ChatsPage } from "../pages/ChatsPage";
import { useAuthStore } from "../store/authStore";
export function App() {
const accessToken = useAuthStore((s) => s.accessToken);
const me = useAuthStore((s) => s.me);
const loadMe = useAuthStore((s) => s.loadMe);
const refresh = useAuthStore((s) => s.refresh);
const logout = useAuthStore((s) => s.logout);
useEffect(() => {
if (!accessToken) {
return;
}
loadMe().catch(async () => {
try {
await refresh();
await loadMe();
} catch {
logout();
}
});
}, [accessToken, loadMe, refresh, logout]);
if (!accessToken || !me) {
return <AuthPage />;
}
return <ChatsPage />;
}