Code Monkey home page Code Monkey logo

bitflix's Introduction


Bitflix
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

screenshot_1

screenshot_2

screenshot_3

screenshot_4

UI Tech stack

Our system is built using the following technologies:

"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."

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

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

"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:

    image
    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 🚀

bitflix's People

Contributors

nuzzesick avatar dependabot[bot] avatar bitflix-official avatar

Stargazers

Juan Diaz avatar  avatar Kami avatar Sunil Gupta avatar Hyung-Shik Jung avatar Ael Azevedo avatar ye avatar  avatar  avatar nexus avatar Alejandro Acosta avatar txxnano avatar Xavid Ramirez avatar InLood avatar Dobrosław Żybort avatar TonyStark avatar  avatar Sawyer Bristol avatar  avatar

Watchers

VXM avatar  avatar

bitflix's Issues

bitflixapp is not working

I can't see the movies and series, make it work with tmdb it comes out loading the movies and series, the links don't appear on the page
bitflixapp there is a solution or update or improvement I can not play year 2022

Streaming cards missing

I didnt know what this boxes were until I saw the picture on the readme page.

Current view

image

How they should look like

image

No working Bitflix web

Hello, I can't see when I play the movies and series it comes out loading and where it says watch I click it it stays loading the video doesn't come out there are improvements for the year 2023 this project will improve this year 2023

Unable to create account and login

I was not able to signup, I didnt get an error message, I filled out the form and then it took a minute to redirect me to the home page.
Then I tried to sign in and got a network error message.

signup
image

login
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.