Auto TV

Auto TV is a frontend application that recreates the feeling of watching live television in the browser, with a strong focus on fast interaction and believable TV-style navigation.

The project organizes per-channel video playlists and supports channel zapping through keyboard shortcuts, mouse wheel, and on-screen controls, while also showing an OSD with current information and an electronic program guide to browse content.

Its architecture is built as a React SPA with strong TypeScript typing, global state powered by Zustand, and an internationalization layer with i18next and react-i18next to support both Spanish and English.

On the tooling side it uses Vite 6 for development and builds, Tailwind CSS for interface styling, and pnpm as the package manager, keeping a clear structure with dedicated player, guide, and overlay components.