Firebase API Authentication For React App Tutorial

This tutorial covers that steps to create and add a Firebase with database to your react app.

Firebase Authentication Steps:

1. https://console.firebase.google.com/
2. click add project
   05-p5018-firebase-tutorial-add-project.jpg
3. Name project
4. Select the default settings
5. Under Build, select Authentication
   05-p5018-firebase-tutorial-authentication1.jpg
6. Select Sign-in Method Tab and click on Email/Password
   05-p5018-firebase-tutorial-authentication-metho-email.jpg
7. Enable Email/Password and save
   05-p5018-ase-tutorial-authentication-metho-email-enable.jpg
8. Now go to Project Overview > Project Settings > General Tab
   05-p5018-firebase-tutorial-settings.jpg
9. scroll to the bottom to the apps section and select the code icon
   05-p5018-firebase-tutorial-settings-apps.jpg
10. Register your app with a nickname
    05-p5018-firebase-tutorial-settings-apps-register.jpg
11. Note the SDK information, this information will be used for your app.
    05-p5018-firebase-tutorial-settings-apps-sdk.jpg
12. This also provides the API Key information and instructions on how to add the firebase dependencies with npm
    npm install firebase

Open Source Code: I found this very cool NetFlix Clone app you can clone and try your new Firebase Authentication skills. For this app, make sure you create a .env.local file.

Clone:

git clone --depth=1 https://github.com/fedi1919/Netflix-clone.git

.env.local file

Notice the moviedb app key, yeah, you can sign up for a free API key at:  https://www.themoviedb.org/settings/api

I found a good youtube tutorial that helped me a lot.

Hope that helps