createadi/react-with-firebase

React with Google Firebase

A repository made for Flexy (https://flexy01.herokuapp.com/).

Prerequisites :

• A Google Account for Google Firebase.

  • Firebase Login: Firebase (google.com)

• An IDE (e.g VSCode, Atom etc)

  • VScode (Recommended): Visual Studio Code - Code Editing. Redefined

  • Atom: Atom

  • Eclipse: Eclipse Downloads | The Eclipse Foundation

Step-by-Step Walkthrough

• Log into Google Firebase and follow the on screen instructions.

• Add the features you want to use in your web/mobile application (i.e Realtime Database, Cloud Firestore, Authentication, Analytics etc.)

• Now, open the setting and scroll down to “Your apps” sections.

• The setting page will appear like this

• Then copy and paste the access token (firebaseConfig) in a text file to be used later.

• Download the starterkit.zip and extract the files.

• Navigate into the starterKit folder.

• Paste the firebaseConfig data into the .env file respectively.

The .env file looks like this:-

• Open the react application folder.

• Now run the command npm install to download the dependencies.

• Navigate to the folder named >src>utils>firebase.js

• Now paste your access token in the file.

• Run npm start and your application will be started on your local machine.