Code-Mergers / UI-Auth-Template-Using-React

React UI and Firebase Authentication Template

UI-Auth-template-Using-React

Installation

• Download or clone the repo into your local directory from Here
• Make sure that you have node installed in your computer or Install Node
• Inside the local directory here you have downloaded this repo, open your terminal
• Run this command to download all dependencies for this project

  npm install

• To use Firebase Authentication, you have to provide your firebase configuration object containing keys and identifiers for your app
  • Go to firebase and signin
  • Go to firebase console to create your project
  • Create a web app and read about firebase web app
  • You will get your firebase configuration object containing keys and identifiers in project settings section
  • In SDK setup and configuration section copy the config, looks like this

      var config = {
          apiKey: "API_KEY",
          authDomain: "PROJECT_ID.firebaseapp.com",
          databaseURL: "https://PROJECT_ID.firebaseio.com",
          projectId: "PROJECT_ID",
          storageBucket: "PROJECT_ID.appspot.com",
          messagingSenderId: "SENDER_ID",
          appId: "APP_ID",
          measurementId: "G-MEASUREMENT_ID",
      };

  • Paste your config object in env.js file, present in /src/firebase/
• Now we can run this site locally
• To see the site in your localhost run this command in your terminal

    npm start

Deployement

• See deployed site

License

• Distributed under the MIT License. See LICENSE for more information.

Contact

• Send mail to code mergers

Hope this will be helpful for your next project

Thank you for visiting