EPG: A Video and Live Stream Management Platform
This project was created to replace the legacy UI while keeping the existing API unchanged. The client had repeatedly raised concerns about the outdated interface, so another developer and I were tasked with building a modern replacement using Next.js instead of the previous React implementation. This also aligned the project with the technology stack used across our other applications.
As this is a commercial project, the source code is not publicly available. Please note that the
live website may have evolved since these screenshots were taken.
Pages
Live pages
/live— Live list/overview/live/new— Create new live stream/live/:id/edit— Edit a live stream/live/:id/analysis— Analysis for a live stream
Video pages
/video— Video list/overview/video/new— Upload/create new video/video/:id/edit— Edit a video/video/:id/analysis— Analysis for a video
Technologies
- Next.js
- shadcn/ui
- Tailwind CSS
- Tanstack Query
- Zustand
Features
- Rebuilt the project from an old React implementation into Next.js
- Kept the old API and existing features, but with a new look
- Let users upload multiple videos at once instead of just one
- Used the same standard dashboard interface as our other applications
- Users could either start a live stream or upload videos
- Used local storage to better manage application state
Screenshots
All Videos Page
All Videos Page - Loading
All Videos Page - New Video
Live Streaming Create Page
Video Upload Page - Multiple Videos
Video Upload Page
Local Storage Data Schema
Responsiveness
