Skip to content

Commit c22171a

Browse files
committed
improve README.md
1 parent bb0efd3 commit c22171a

File tree

1 file changed

+52
-12
lines changed

1 file changed

+52
-12
lines changed

README.md

Lines changed: 52 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -49,15 +49,55 @@ If you are creating an open source application under a license compatible with t
4949
* `cd react-redux-firebase-authentication`
5050
* `npm install`
5151
* `npm start`
52-
* visit http://localhost:3000/
53-
* Use your own Firebase Credentials
54-
55-
### Use your own Firebase Credentials
56-
57-
* visit https://firebase.google.com and create a Firebase App
58-
* copy and paste your Credentials from your Firebase App into *src/components/Firebase/firebase.js* file or in .env file
59-
* [activate Sign-In Methods in your Firebase App](https://www.robinwieruch.de/react-firebase-social-login/)
60-
* Email/Password
61-
* Google
62-
* Facebook
63-
* Twitter
52+
* visit http://localhost:3000
53+
54+
Get an overview of Firebase, how to create a project, what kind of features Firebase offers, and how to navigate through the Firebase project dashboard in this [visual tutorial for Firebase](https://www.robinwieruch.de/firebase-tutorial/).
55+
56+
### Firebase Configuration
57+
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* and *.env.production* files
62+
63+
The *.env* or *.env.development* and *.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* and *.env.production* files
90+
91+
The *.env* or *.env.development* and *.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)