Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ismail-mouyahada/master-netflix-clone
VueFlix is not just a movie-watching experience; it's a Vue.js masterpiece that brings the Netflix magic right to your fingertips. Imagine all the binge-worthy goodness of Netflix, now seamlessly integrated into a Vue.js application.
https://github.com/ismail-mouyahada/master-netflix-clone
Last synced: 3 days ago
JSON representation
VueFlix is not just a movie-watching experience; it's a Vue.js masterpiece that brings the Netflix magic right to your fingertips. Imagine all the binge-worthy goodness of Netflix, now seamlessly integrated into a Vue.js application.
- Host: GitHub
- URL: https://github.com/ismail-mouyahada/master-netflix-clone
- Owner: Ismail-Mouyahada
- Created: 2022-04-05T21:36:03.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-28T22:43:58.000Z (10 days ago)
- Last Synced: 2024-12-28T23:23:08.792Z (10 days ago)
- Language: Vue
- Homepage:
- Size: 609 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Configuration
![image](https://github.com/user-attachments/assets/022a713b-2897-4e38-b1ae-7349bb3384b7)
To use this project with Firebase authentication, some configuration steps are required.
1) Create a free Firebase account at [Firebase](https://firebase.google.com)
2) Create a project from your [Firebase account console](https://console.firebase.google.com)
3) Configure the authentication providers for your Firebase project from your [Firebase account console](https://console.firebase.google.com)
4) Configuration required to connect to Firebase is defined in the `.env.local` file in the root of this repository
```js
VUE_APP_FIREBASE_API_KEY=''
VUE_APP_FIREBASE_AUTH_DOMAIN=''
VUE_APP_FIREBASE_PROJECT_ID=''
VUE_APP_FIREBASE_STORAGE_BUCKET=''
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=''
VUE_APP_FIREBASE_APP_ID=''
```
5) In order for this application to work you will have to obtain an API key from [TMDB](https://www.themoviedb.org/settings/api). Once you get the key, you must insert it in a file `.env.local`
```js
VUE_APP_TMDB_API_KEY=''
```## Installation
Clone project:
```shell
https://github.com/Ismail-Mouyahada/cesi-netflix.git
```Then change into that folder:
```shell
cd cesi-netflix
```Install project dependencies:
```shell
npm install
```
(You may have to install vue-cli-service if it's not already done)```shell
npm install @vue/cli-service
```Build for production:
```shell
npm run build
```Start up a local server:
```shell
npm run serve
```Open [http://localhost:8080](http://localhost:8080) to view it in the browser.