|
1 | | -# Chat_App_React_Native |
2 | | -This is A Chat App Made Using Firebase And React Native With The Help Of GiftedChat Module |
| 1 | +# Chat App In React Native |
| 2 | + |
| 3 | +### This Chat App is Made Using React Native , Firebase With GiftedChat |
| 4 | + |
| 5 | +### Installing |
| 6 | + |
| 7 | +> Clone This Repo To Your PC |
| 8 | +
|
| 9 | +> Run npm install |
| 10 | +
|
| 11 | +> TODO |
| 12 | +
|
| 13 | +> Run The App |
| 14 | +
|
| 15 | +## TODO |
| 16 | + |
| 17 | +* Follow The Installation at https://github.com/react-native-community/google-signin |
| 18 | + |
| 19 | +* Get WebClientID ( Login Page ) |
| 20 | + |
| 21 | +```javascript |
| 22 | +GoogleSignin.configure({ |
| 23 | + scopes: ["https://www.googleapis.com/auth/userinfo.profile"], |
| 24 | + webClientId: '******', // TODO : Get WebClient ID From Firebase By Enabling Google SIGN In |
| 25 | + offlineAccess: true, // if you want to access Google API on behalf of the user FROM YOUR SERVER |
| 26 | + forceCodeForRefreshToken: true, // [Android] related to `serverAuthCode`, read the docs link below *. |
| 27 | + }); |
| 28 | +``` |
| 29 | + |
| 30 | +* Firebase Configuration's ( Fire.js ) |
| 31 | + |
| 32 | +```javascript |
| 33 | +firebase.initializeApp({ |
| 34 | + apiKey: "***", |
| 35 | + authDomain: "***", |
| 36 | + databaseURL: "***", |
| 37 | + projectId: "***", |
| 38 | + storageBucket: "***", |
| 39 | + messagingSenderId: "***", |
| 40 | + appId: "***", |
| 41 | + measurementId: "***" |
| 42 | + }); |
| 43 | +``` |
| 44 | + |
| 45 | +## Built With |
| 46 | + |
| 47 | +* React Native |
| 48 | +* react-native-firebase |
| 49 | +* react-native-gifted-chat |
| 50 | +* react-native-community/google-signin |
| 51 | + |
| 52 | +## Check Out My Youtube Channel |
| 53 | + |
| 54 | +[Youtube Channel - Belgin Android](https://youtube.com/c/belginandroid) |
| 55 | + |
| 56 | +## Sample Preview |
| 57 | + |
| 58 | +<img src="https://user-images.githubusercontent.com/61349423/94794860-1ab97080-03fa-11eb-8e87-eba1c55b8a4b.jpg" width="282" height="501"> |
| 59 | + |
| 60 | +## Authors |
| 61 | + |
| 62 | +* **Belgin Android** - *All Works* - [Belgin Android](https://github.com/Belgin-Android) |
| 63 | + |
| 64 | +## Problems ? |
| 65 | + |
| 66 | +* Contact Me At [Instagram - @reactnative.modules](https://www.instagram.com/reactnative.modules/) |
| 67 | + |
| 68 | +## Acknowledgments |
| 69 | + |
| 70 | +* Hat tip to anyone whose code was used |
| 71 | +* Inspiration |
| 72 | +* etc |
| 73 | + |
0 commit comments