Bitflix

Bitflix is an open source web application to watch movies and TV shows with multi-language subtitles completely for free.

Motivation

Nowadays watching a movie or a TV Show episode could be a little hard. We have a lot of different streaming applications where the content is really different between them and the user has to pay all of them to have access to a good amount of movies and TV Shows. Of course, we all know some free websites where there is a lot of content but at the same time this apps are managed by people with economic interests, so the final result is a product with a lot of ads that make the UI/UX worse. Our idea behind Bitflix is just to make an infinite-content free web application without any ad, focusing on the user experience.

Screenshots

UI Tech stack

Our system is built using the following technologies:

Next.js

"Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed."

Tailwind

"Rapidly build modern websites without ever leaving your HTML."

Video.js

"Make your player yours with the world's most popular open source HTML5 player framework"

Radix UI

"An open-source UI component library for building high-quality, accessible design systems and web apps."

Getting started

git clone https://github.com/bitflix-official/Bitflix && cd Bitflix

yarn add

Environment

Create an .env.local file at the root of the project with the following variables:

• NEXT_PUBLIC_SUPABASE_URL: Database where Bitflix's users and their data like lists and profile images are hosted. To avoid issues on the production database, I suggest you to create your own database with a 'profiles' table with the following schema:
  
  
  Once you have done that, add your supabase url as a value.
• NEXT_PUBLIC_SUPABASE_ANON_KEY: Same as before, once you have done your 'profiles' database on Supabase with the previously mentioned schema, add your supabase anon key as a value.
• NEXT_PUBLIC_TMDB_API_KEY=YOUR_TMDB_API_KEY
• NEXT_PUBLIC_STREAMING_URL=YOUR_OWN_PEERFLIX_SERVER OR https://bitflix-api.herokuapp.com
• NEXT_PUBLIC_SUBTITLES_URL=YOUR_OWN_SUBTITLES_SERVER OR https://bitflix-subs.herokuapp.com
• NEXT_PUBLIC_TV_URL=YOUR_OWN_TV_SERVER OR https://bitflix-tv.herokuapp.com

yarn run dev

App should have been started on localhost:3000 🚀