Home

How to add a profile picture

How to clone this repository

Prerequisites

• NodeJS & npm - Download & Install NodeJS & npm
• Git - Download & Install Git. OSX and Linux machines typically have this already installed.

Once you clone this repository, run npm install to download all the required plugins

Step 1: Create a Firestore Database

1. Go to the Firebase Console
2. Create a new project
3. Go to the Firestore Database tab under "Build"
4. Click "Create Database"
5. Click on "Start in Production Mode"
6. Select the location of your Database. This should preferably be the location closest to you
7. After that, go to the "Project Overview"
8. Click on "Web"
9. Select a name for your project
10. Firebase will show you your keys for the database, copy the firebase config constant:

const firebaseConfig = {
  apiKey: "key",
  authDomain: "domain",
  projectId: "id",
  storageBucket: "bucket",
  messagingSenderId: "senderId",
  appId: "appId"
};

Step 2: Create a TMDb API key

1. Create an account on the Official TMDb website
2. Confirm your email address
3. Once you are logged in, go to the Create an API Key Tab found in your settings
4. Choose what API you want to register
5. I sincerely suggest you read the Terms of Use
6. Accept the Terms of Use
7. Fill out the form (just remember that you shall not conceal your identity, as you have accepted in the Terms of Use)
8. Copy the API Key (v3 auth)

Step 3: Create Environment variables with your keys

1. Clone this repository
2. In the root of this repository, create a new file named .env
3. In the file, add these keywords:

REACT_APP_VERSION=$npm_package_version
REACT_APP_API_KEY=''
REACT_APP_AUTH_DOMAIN=''
REACT_APP_PROJECT_ID=''
REACT_APP_STORAGE_BUCKET=''
REACT_APP_MESSAGING_SENDER_ID=''
REACT_APP_APP_ID=''
REACT_APP_MEASUREMENT_ID=''
REACT_APP_TMDB_API_KEY=''

REACT_APP_VERSION: Do not modify.

REACT_APP_API_KEY: Add your firestore database API key in between the apostrophes

REACT_APP_AUTH_DOMAIN: Add your firestore auth domain in between the apostrophes

REACT_APP_PROJECT_ID: Add your firebase project ID in between the apostrophes

REACT_APP_STORAGE_BUCKET: Add your firestore storage bucket in between the apostrophes

REACT_APP_MESSAGING_SENDER_ID: Add your firestore messaging sender ID in between the apostrophes

REACT_APP_APP_ID: Add your firestore app ID in between the apostrophes

REACT_APP_MEASUREMENT_ID: Add your firestore measurement ID in between the apostrophes

You can find all of the above in the firebase config you copied when creating the firestore database

REACT_APP_TMDB_API_KEY: Add your TMDb API key (v3 auth) in between the apostrophes