Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

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)

AltStyle によって変換されたページ (->オリジナル) /