Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.