ChatWatchingFullscreen

Real‑time chat overlay while watching a video fullscreen.

A small web app prototype that keeps a real‑time chat accessible while a video stays in fullscreen mode — useful for watch‑parties and shared viewing sessions.

Node.jsWebSocketsJavaScriptHTML/CSS

Problem

  • Fullscreen video players often block access to other UI elements.
  • Real-time chat needs to stay readable and usable on mobile and desktop.

Solution

  • Built a lightweight chat experience designed to coexist with fullscreen playback.
  • Used a realtime channel for messages and presence, keeping the UI responsive and minimal.

Highlights

  • Real‑time messaging with minimal latency
  • Fullscreen-friendly UI behavior
  • Simple deployment-oriented architecture

Screenshots

Screenshots are not included yet. If you’d like, I can add screenshots and a short GIF walkthrough once a stable demo/deploy target is confirmed.

What I learned

  • Fullscreen APIs can be finicky across browsers — testing early matters.
  • Real-time UX improves with small details: timestamps, scroll anchoring, and connection states.

Notes

  • This is an open-source personal project (not client work).
  • A previous live demo existed but is currently offline; no demo link is provided to avoid broken URLs.

Links