PM
47 lines
1.3 KiB
Markdown
47 lines
1.3 KiB
Markdown
# DrawTogether
|
|
|
|
Three-mode web game built with **Next.js 14 (App Router) + Socket.IO**:
|
|
|
|
- **Skribbl Race** — one player draws, others guess.
|
|
- **Gartic Phone** — pass-it-on prompt → drawing → guess loop.
|
|
- **Color Together** — shared coloring book with templates and free draw.
|
|
|
|
## Stack
|
|
- Next.js 14, React 18, TypeScript
|
|
- Tailwind CSS
|
|
- Custom Node server (`server.js`) hosting Next + Socket.IO on a single port
|
|
- OpenTelemetry auto-instrumentation (traces) → SigNoz OTLP HTTP
|
|
|
|
## Run locally
|
|
```bash
|
|
npm install
|
|
npm run build
|
|
npm start # serves on :3000
|
|
```
|
|
|
|
Dev mode: `npm run dev` (also via `server.js`).
|
|
|
|
## Environment
|
|
| var | default | what |
|
|
| --- | --- | --- |
|
|
| `PORT` | `3000` | http port |
|
|
| `SIGNOZ_OTEL_ENDPOINT` | `http://100.64.0.10:4318` | OTLP base for tracing |
|
|
| `NODE_ENV` | `production` in container | |
|
|
|
|
## Endpoints
|
|
- `GET /` — landing
|
|
- `GET /create` — create-room form
|
|
- `GET /join` — join form
|
|
- `GET /room/[code]` — lobby (auto-redirects to `/play` when host starts)
|
|
- `GET /room/[code]/play` — game UI (skribbl/gartic/color)
|
|
- `GET /room/[code]/results` — final scores / Gartic books
|
|
- `GET /api/health` — health check
|
|
- `GET /api/room/[code]/exists` — quick room lookup
|
|
- WebSocket on the same port at `/socket.io`
|
|
|
|
## Docker
|
|
```bash
|
|
docker build -t drawtogether .
|
|
docker run -p 3000:3000 drawtogether
|
|
```
|