Skip to content

miradario/UI-Auth-Template-Using-React

 
 

Repository files navigation

UI-Auth-template-Using-React

Logo

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

License

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

Contact

Hope this will be helpful for your next project

Thank you for visiting

About

React UI and Firebase Authentication Template

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 63.2%
  • JavaScript 19.0%
  • CSS 9.0%
  • Shell 8.1%
  • HTML 0.7%