008
Archive 008Tool
NewFriend — мини-игры для Twitch
Interactive web service for streamers: Twitch rewards (EventSub) integration, viewer queue and mini-games (Cases and Tarot) with live updates
01 /About
Interactive web service for streamers: Twitch rewards (EventSub) integration, viewer queue and mini-games (Cases and Tarot) with live updates.
Delivered on commission, tailored to the client's requirements.
02 /✨ Features
- 01Mini-games: Cases and Tarot with visual effects
- 02Twitch integration: OAuth, EventSub for rewards, chat messages
- 03Viewer queue and drop history
- 04Drops/skins: presets, chances, quantity tracking
- 05Live updates via socket.io
03 /🔧 Technologies
- 01Frontend: Next.js (App Router), React, TypeScript, socket.io-client, three.js, framer-motion
- 02Backend: Node.js + Express, socket.io
- 03Reverse proxy: Nginx
04 /🔄 Flows
- 01OAuth via Twitch: login, whitelist by user_id
- 02EventSub subscriptions for Channel Points rewards
- 03Viewer queue with live events via socket.io
- 04Games: Cases/Tarot — drop selection and history recording
- 05Global drop feed and simple REST for UI
05 /🔗 Integrations
- 01Twitch OAuth and EventSub
- 02tmi.js — Twitch chat messages
- 03multer + sharp — image upload and webp conversion
- 04Twitch image proxy to avoid 403
- 05Nginx reverse proxy (WS Upgrade for socket.io, /uploads)
06 /Gallery
