Skip to main content
CinePro Frontend has not started it’s development and is not production-ready. As soon as the web app reaches a stable state, these docs will be updated with full guides and references.
CinePro Frontend is the official web interface for the CinePro ecosystem. Right now it serves as a developer testing tool — a simple video player and embed layer on top of CinePro Core that lets you browse movies and TV shows and watch them directly in the browser via HLS streams. The long-term goal is a full-featured streaming web app: user accounts, watch progress, continue-watching, and more.

​
What it does today

Browse movies & TV shows

Search and explore titles powered by TMDB metadata, fetched through CinePro Core.

Stream with ArtPlayer & Vidstack

Two embedded player integrations — ArtPlayer and Vidstack — handle HLS stream playback in the browser.

Provider & quality picker

Dropdown components let you switch between available providers and select your preferred stream source on the fly.

TV show episode navigation

An episodes overlay lets you browse and jump to any season or episode of a TV series.

​
What’s planned

These are aspirational goals for a future stable release — nothing below is implemented yet.
  • User accounts — sign up, log in, manage your profile
  • Watchlist — save titles to watch later
  • Watch progress — resume where you left off, across devices
  • Recommendations — discover new content based on what you’ve watched
  • Responsive design — a polished experience on phones, tablets, and desktops

​
Tech stack

React + Vite

Built with React and bundled with Vite for fast development and build times.

ArtPlayer & Vidstack

Two video player integrations for flexible HLS stream playback.

CinePro Core

All media data and stream sources come from a running CinePro Core instance via VITE_API_URL.

​
Relationship to CinePro Core

CinePro Frontend is not a standalone app — it requires a running CinePro Core instance to function. The frontend reads VITE_API_URL from its environment and makes all requests to Core for stream sources.

Set up CinePro Core first

Before running the frontend, make sure you have CinePro Core up and running.