|
11 | 11 | - Download or clone the repo into your local directory from [Here](https://github.com/Code-Mergers/UI-Auth-Template-Using-React) |
12 | 12 | - Make sure that you have node installed in your computer or [Install Node](https://nodejs.org/en/) |
13 | 13 | - Inside the local directory here you have downloaded this repo, open your terminal |
14 | | -- Run this command to download all dependencies for this project |
15 | | - - |
16 | | - ```sh |
17 | | - npm i |
18 | | - ``` |
19 | | - or |
20 | | - |
| 14 | +- Run this command to download all dependencies for this project |
21 | 15 | ```sh |
22 | 16 | npm install |
23 | | - |
24 | 17 | - To use Firebase Authentication, you have to provide your firebase configuration object containing keys and identifiers for your app |
25 | 18 | - [Go to firebase](https://firebase.google.com/) and signin |
26 | 19 | - [Go to firebase console](https://console.firebase.google.com/) to create your project |
27 | 20 | - Create a web app and read about [firebase web app](https://firebase.google.com/docs/web/setup) |
28 | 21 | - You will get your firebase configuration object containing keys and identifiers in project settings section |
29 | 22 | - In SDK setup and configuration section copy the config, looks like this |
30 | 23 | ```JS |
31 | | - var config = { |
32 | | - apiKey: "API_KEY", |
33 | | - authDomain: "PROJECT_ID.firebaseapp.com", |
34 | | - databaseURL: "https://PROJECT_ID.firebaseio.com", |
35 | | - projectId: "PROJECT_ID", |
36 | | - storageBucket: "PROJECT_ID.appspot.com", |
37 | | - messagingSenderId: "SENDER_ID", |
38 | | - appId: "APP_ID", |
39 | | - measurementId: "G-MEASUREMENT_ID", |
40 | | - }; |
| 24 | + var config = { |
| 25 | + apiKey: "API_KEY", |
| 26 | + authDomain: "PROJECT_ID.firebaseapp.com", |
| 27 | + databaseURL: "https://PROJECT_ID.firebaseio.com", |
| 28 | + projectId: "PROJECT_ID", |
| 29 | + storageBucket: "PROJECT_ID.appspot.com", |
| 30 | + messagingSenderId: "SENDER_ID", |
| 31 | + appId: "APP_ID", |
| 32 | + measurementId: "G-MEASUREMENT_ID", |
| 33 | + }; |
41 | 34 | - Paste your config object in `env.js` file, present in `/src/firebase/` |
42 | 35 | - Now we can run this site locally |
43 | 36 | - To see the site in your localhost run this command in your terminal |
44 | | - - |
45 | 37 | ```sh |
46 | | - npm start |
47 | | - |
| 38 | + npm start |
| 39 | +``` |
48 | 40 | ## Deployement |
49 | 41 | - [See deployed site](https://react-ui-auth-template-code-mergers.netlify.app/) |
50 | 42 |
|
|
0 commit comments