A simple Netflix clone based on Vue powered by Firebase.
Link: https://approxipix.github.io/vue-netflix-clone
- 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
To use this project with Firebase authentication, some configuration steps are required.
- Create a free Firebase account at Firebase
- Create a project from your Firebase account console
- Configure the authentication providers for your Firebase project from your Firebase account console
- 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>'
- 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>'
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.
This project is licensed under the MIT License. See the LICENSE file for more information.