Important
This frontend does not really work. it has only been made for testing purposes (i mean it works i think but it is not usable on a large scale.)
This repository contains the frontend for CinePro, an open-source movie and TV show streaming platform. The frontend is built using React and provides a user-friendly interface to browse and watch movies and TV shows. It integrates with the CinePro backend to fetch movie and TV show data and streams videos using HLS.js.
- Browse and watch movies and TV shows
- Stream videos using HLS.js
- Responsive design
The home page provides an introduction and instructions on how to use the platform. It is implemented in HomePage.
The movie page displays the video player for a specific movie. It fetches the movie data from the backend and streams the video using HLS.js. It is implemented in Movie.
The VideoPlayer component is responsible for streaming videos using HLS.js. It is implemented in VideoPlayer.
- Node.js
- Vite
- Clone the repository
- Install the dependencies with
npm install - Create a
.envfile based on the.env.examplefile and set theVITE_API_URLvariable - Start the development server with
npm run dev - The server should now be running on
http://localhost:3000
You can use this project for personal and non-commercial use ONLY! You are not allowed to sell this project or any part of it and/or add ANY KIND of tracking or advertisement to it.
This project is for educational purposes only. We do not host any kind of content. We provide only the links to already available content on the internet. We do not host, upload any videos, films or media files. We are not responsible for the accuracy, compliance, copyright, legality, decency, or any other aspect of the content of other linked sites. If you have any legal issues please contact the appropriate media file owners or host sites.