AI News Hub Logo

AI News Hub

MovieSync: Redefining Intermissions with Live Crowd Data

DEV Community
Koushik Raghavan

We’ve all faced this… That’s where the idea of MovieSync came from. Intermissions are limited, but there’s zero visibility on crowd levels. You just guess… and sometimes regret it. I built MovieSync, a real-time dashboard that shows how crowded different areas are inside a venue. 🟢 Low crowd No guesswork. Just smarter decisions. React + Vite for a fast, lightweight frontend Vanilla CSS (no heavy UI libraries) Docker (multi-stage build) Nginx for serving the app Google Cloud Run for serverless deployment Antigravity to speed up development & workflow I focused on keeping things simple and clean. Since I didn’t have real sensors, I created a simulation that mimics real-time data (like WebSockets). The dashboard updates dynamically to reflect crowd density. Used Docker with a multi-stage build: Node → build optimized assets Nginx → serve the app on port 8080 Deployed on Google Cloud Run for automatic scaling. Antigravity made a big difference by: Speeding up initial setup Making UI iterations faster Simplifying deployment flow Reducing overall complexity It helped me move faster from idea → working product. Real-time crowd dashboard Lightweight and responsive UI Dockerized production build Serverless deployment Built in public Real IoT integration WebSocket backend Predictive crowd insights Mobile PWA version Multi-theatre support This project showed me how quickly you can build something useful using the right tools. Building in public also made the journey more real and accountable. What are you building right now? 🚀