Skip to content

Commit f049c84

Browse files
committed
fine-tune README.md
1 parent 7e7a690 commit f049c84

File tree

1 file changed

+48
-9
lines changed

1 file changed

+48
-9
lines changed

README.md

+48-9
Original file line numberDiff line numberDiff line change
@@ -50,15 +50,54 @@ If you are creating an open source application under a license compatible with t
5050
* `cd react-firebase-authentication`
5151
* `npm install`
5252
* `npm start`
53-
* visit http://localhost:3000/
54-
* Use your own Firebase Credentials
53+
* visit http://localhost:3000
5554

56-
### Use your own Firebase Credentials
55+
### Firebase Configuration
5756

5857
* visit https://firebase.google.com and create a Firebase App
59-
* copy and paste your Credentials from your Firebase App into *src/components/Firebase/firebase.js* file or in .env file
60-
* [activate Sign-In Methods in your Firebase App](https://www.robinwieruch.de/react-firebase-social-login/)
61-
* Email/Password
62-
* Google
63-
* Facebook
64-
* Twitter
58+
* copy/paste your configuration from your Firebase project's dashboard into one of these files
59+
* *src/components/Firebase/firebase.js* file
60+
* *.env* file
61+
* *.env.development*/*.env.production* files
62+
63+
The *.env* or *.env.development*/*.env.production* files could look like the following then:
64+
65+
```
66+
REACT_APP_API_KEY=AIzaSyBtxZ3phPeXcsZsRTySIXa7n33NtQ
67+
REACT_APP_AUTH_DOMAIN=react-firebase-s2233d64f8.firebaseapp.com
68+
REACT_APP_DATABASE_URL=https://react-firebase-s2233d64f8.firebaseio.com
69+
REACT_APP_PROJECT_ID=react-firebase-s2233d64f8
70+
REACT_APP_STORAGE_BUCKET=react-firebase-s2233d64f8.appspot.com
71+
REACT_APP_MESSAGING_SENDER_ID=701928454501
72+
```
73+
74+
### Activate Sign-In Methods
75+
76+
![firebase-enable-google-social-login_640](https://user-images.githubusercontent.com/2479967/49687774-e0a31e80-fb42-11e8-9d8a-4b4c794134e6.jpg)
77+
78+
* Email/Password
79+
* [Google](https://www.robinwieruch.de/react-firebase-social-login/)
80+
* [Facebook](https://www.robinwieruch.de/firebase-facebook-login/)
81+
* [Twitter](https://www.robinwieruch.de/firebase-twitter-login/)
82+
* [Troubleshoot](https://www.robinwieruch.de/react-firebase-social-login/)
83+
84+
### Activate Verification E-Mail
85+
86+
* add a redirect URL for redirecting a user after an email verification into one of these files
87+
* *src/components/Firebase/firebase.js* file
88+
* *.env* file
89+
* *.env.development*/*.env.production* files
90+
91+
The *.env* or *.env.development*/*.env.production* files could look like the following then (excl. the Firebase configuration).
92+
93+
**Development:**
94+
95+
```
96+
REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000
97+
```
98+
99+
**Production:**
100+
101+
```
102+
REACT_APP_CONFIRMATION_EMAIL_REDIRECT=https://mydomain.com
103+
```

0 commit comments

Comments
 (0)