Edge QUIC CV - Real-Time Multi-Feed Video Dashboard

Developed a real-time video streaming system that receives video from edge devices (Raspberry Pi) via QUIC protocol and displays multiple synchronized video feeds in a web dashboard. The server processes incoming frames and creates three separate feeds: original raw video, processed feed with annotations, and detection overlay for visualization. Implemented improved WebSocket message handling that sends each feed independently with frame synchronization IDs, ensuring reliability and easier debugging. Created automated startup scripts that handle environment setup, dependency installation, SSL certificate generation, and frontend building, reducing setup time from 10+ manual steps to a single command. The dashboard features a responsive grid layout with color-coded borders for each feed, real-time status indicators, and a debug panel for troubleshooting. Built with React for the frontend, Python with asyncio for the server, OpenCV for video processing, and WebSocket for real-time communication.

Technologies Used: React, TypeScript, Python, QUIC (aioquic), WebSocket, OpenCV, YOLO, Flask, asyncio, NumPy

View on GitHub