Skip to content

Commit 9d667d9

Browse files
authored
Update README.md
1 parent b6ea702 commit 9d667d9

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
@@ -60,15 +60,55 @@ If you are creating an open source application under a license compatible with t
6060
* `cd react-semantic-ui-firebase-authentication`
6161
* `npm install`
6262
* `npm start`
63-
* visit http://localhost:3000/
64-
* Use your own Firebase Credentials
65-
66-
### Use your own Firebase Credentials
67-
68-
* visit https://firebase.google.com and create a Firebase App
69-
* copy and paste your Credentials from your Firebase App into *src/components/Firebase/firebase.js* file or in .env file
70-
* [activate Sign-In Methods in your Firebase App](https://www.robinwieruch.de/react-firebase-social-login/)
71-
* Email/Password
72-
* Google
73-
* Facebook
74-
* Twitter
63+
* visit http://localhost:3000
64+
65+
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/).
66+
67+
### Firebase Configuration
68+
69+
* copy/paste your configuration from your Firebase project's dashboard into one of these files
70+
* *src/components/Firebase/firebase.js* file
71+
* *.env* file
72+
* *.env.development* and *.env.production* files
73+
74+
The *.env* or *.env.development* and *.env.production* files could look like the following then:
75+
76+
```
77+
REACT_APP_API_KEY=AIzaSyBtxZ3phPeXcsZsRTySIXa7n33NtQ
78+
REACT_APP_AUTH_DOMAIN=react-firebase-s2233d64f8.firebaseapp.com
79+
REACT_APP_DATABASE_URL=https://react-firebase-s2233d64f8.firebaseio.com
80+
REACT_APP_PROJECT_ID=react-firebase-s2233d64f8
81+
REACT_APP_STORAGE_BUCKET=react-firebase-s2233d64f8.appspot.com
82+
REACT_APP_MESSAGING_SENDER_ID=701928454501
83+
```
84+
85+
### Activate Sign-In Methods
86+
87+
![firebase-enable-google-social-login_640](https://user-images.githubusercontent.com/2479967/49687774-e0a31e80-fb42-11e8-9d8a-4b4c794134e6.jpg)
88+
89+
* Email/Password
90+
* [Google](https://www.robinwieruch.de/react-firebase-social-login/)
91+
* [Facebook](https://www.robinwieruch.de/firebase-facebook-login/)
92+
* [Twitter](https://www.robinwieruch.de/firebase-twitter-login/)
93+
* [Troubleshoot](https://www.robinwieruch.de/react-firebase-social-login/)
94+
95+
### Activate Verification E-Mail
96+
97+
* add a redirect URL for redirecting a user after an email verification into one of these files
98+
* *src/components/Firebase/firebase.js* file
99+
* *.env* file
100+
* *.env.development* and *.env.production* files
101+
102+
The *.env* or *.env.development* and *.env.production* files could look like the following then (excl. the Firebase configuration).
103+
104+
**Development:**
105+
106+
```
107+
REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000
108+
```
109+
110+
**Production:**
111+
112+
```
113+
REACT_APP_CONFIRMATION_EMAIL_REDIRECT=https://mydomain.com
114+
```

0 commit comments

Comments
 (0)