Vue Netflix Clone

A simple Netflix clone based on Vue powered by Firebase.

DISCLAIMER: THIS PROJECT WAS MADE AS A PERSONAL EDUCATIONAL PROJECT. This is NOT the official site of the company or brand identified on the page. The creator of this page is NOT affiliated with the company or brand in any way. This page is a personal project made in connection with an educational exercise.

Demo

Tech stack

• Vue
• Vuex
• Vue Router
• Firebase
• The Movie Database (TMDb)

Features

• Authentication
  • Sign up
  • Sign in
  • Sign in with Google
  • Sign in with Facebook
  • Sign in as demo user
  • Recover password with email verification
  • Logout
• Movies
  • Search movies
  • List of movies by category
  • List of movies with pagination
  • Detailed information about the movie
  • Fully responsive movie slider
  • Add movie to "my list"
• Responsive

Configuration

To use this project with Firebase authentication, some configuration steps are required.

1. Create a free Firebase account at Firebase
2. Create a project from your Firebase account console
3. Configure the authentication providers for your Firebase project from your Firebase account console
4. Configuration required to connect to Firebase is defined in the .env.local file in the root of this repository

VUE_APP_FIREBASE_API_KEY='<YOUR-API-KEY>'
VUE_APP_FIREBASE_AUTH_DOMAIN='<YOUR-AUTH-DOMAIN>'
VUE_APP_FIREBASE_PROJECT_ID='<YOUR-PFOJECT-ID>'
VUE_APP_FIREBASE_STORAGE_BUCKET='<YOUR-STORAGE_BUCKET>'
VUE_APP_FIREBASE_MESSAGING_SENDER_ID='<YOUR-MESSAGING-SENDER-ID>'
VUE_APP_FIREBASE_APP_ID='<YOUR-APP-ID>'

5. In order for this application to work you will have to obtain an API key from TMDB. Once you get the key, you must insert it in a file .env.local

VUE_APP_TMDB_API_KEY='<YOUR-API-KEY>'

Installation

Clone project:

https://github.com/Approxipix/vue-netflix-clone.git

Then change into that folder:

cd vue-netflix-clone

Install project dependencies:

npm install

Build for production:

npm run build

Start up a local server:

npm run serve

Open http://localhost:8080 to view it in the browser.

License

This project is licensed under the MIT License. See the LICENSE file for more information.