Replay VOD

A single-page application (SPA) for managing missed Twitch live replays, aimed at viewers.

Project description

Replay VOD is a project currently in development. It allows automatic downloading of Twitch replays from live streams and organizes missed streams from the week. You can schedule automatic downloads from a channel based on certain criteria. Additionally, it offers the ability to watch videos directly from the site and manage them.

Key Features

• Integration of the Twitch API, authentication via OAuth, and setup of EventSub via webhook for receiving real-time events.
• Design of a dashboard with features such as:
• Video viewing and management
• Advanced download scheduling
• Task management
• Queue visualization.

Developed with

• Frontend: React, TypeScript, Vite, Tailwind CSS, TanStack Query, React Hook Form, React Router
• Backend: Node.js, Fastify, TypeScript, Prisma, MySQL

Links

Source Code

• Frontend
• Backend

Images

Videos page

Watching page

Categories page

Videos by category view

Followed channels page

Adding a download schedule with error handling

Editing a schedule in a modal

Download history page