This is Plix a clone project of Plex a desktop app created with create-next-app.

Sort presentation

<iframe width="640" height="480" src='https://www.loom.com/share/94bf6a2376c646969b5225dd73a5f20a' frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Information

• Functional clone of Plex Tv app, for learning purposes.
• This app can manage local media.
• It is intended to be used on Computers. No mobile or tablet!
• Uses only movie TMDB API at the moment.

To Do!

• add media player ☑️
• add Movies TMDB API ☑️
• add Tv Series TMDB API
• add Music TMDB API
• add subtitles functionality ⚙️
• add header search functionality according to page
• set app image background according to media ☑️
• add slide bar to resize media :check:
• add slide bar to change the opacity of bgImage ☑️
• create firebase database per user (data are lost on refresh)

Status

• in progress.

Build with

• NEXT.js
• React.js
• Tailwind-css
• NextAuth
• Firebase
• React-Media
• Recoil

Getting Started

clone the project:

git clone https://github.com/pountzas/Plix.git

install dependencies:

npm install

add .env.local variables as such:

GOOGLE_CLIENT_ID= **create and add from firebase

GOOGLE_CLIENT_SECRET= **create and add from firebase

NEXTAUTH_URL=http://localhost:3000

TMDB_API_KEY= **create and add from TMDB

NEXTAUTH_SECRET= **your password for this app

run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.