A common sight on today’s streets is the number of abandoned animals languishing on the streets suffering with injuries and disease and live without any shelter. The silent suffering of these souls caught the attention of dynamic, animal lover, so Animal Rescue App initiative to develop a mobile app to track animals that are in need of help. Animal Rescue App Connect animal lovers, vets, and other NGOs in real time. They Can Track the Animals That Actually Need the Help.
We are using reat-native-cli. So make sure to install react-native-cli.Follow the link below for details
-
Fork the original repository and use your own branch for your developments.
https://github.com/<github username>/AnimalRescue.git
-
Install npm packages
npm install
-
Configure firebase Make a copy of
firebaseConfig.exaple.js
which is inapp/config
and rename it tofirebaseConfig.js
. Then copy your credentials and paste it.
var firebaseConfig = {
apiKey: "your credentials",
authDomain: "your credentials",
databaseURL: "your credentials",
projectId: "your credentials",
storageBucket: "your credentials",
messagingSenderId: "your credentials",
appId: "your credentials"
};
- Google & Facebook Sign In Configuration
follow the given link with correct steps.
Note : Once you follow the above link, you'll find a way to get the web-client id for the application. Copy it and paste it in the
firebaseConfig.js
file underexport const webClinetID = "your google web client id"
Make sure to include every files (google-service.json, your-key.keystore) in the project for getting working model of google sign in.
First You should have a facebook acoount and an app id. Follow the link below to obatai the app id
Once you get the facebook app id, copy and paste it in the following location
/android/app/src/main/res/values/strings.xml <string name="facebook_app_id">your app id</string>
Once you've done with those processes, make sure to enable google sign in and facebook sign in methods in firebase.
- Google Map Configuration FIrst you should obtain a google map api key. Follow the link to get the map api key. Map Api Key
Once you get the map api key, copy and paste in the following files.
/android/app/main/src/AndroidManifest.xml
android:name="com.google.android.geo.API_KEY"
android:value="Your api key goes here"/>
app/components/SearchAndFixLocation/searchView.js
query={{ key: 'Your api key goes here', language: 'en', }}
You've now done with configurations 💯.
- Run the project
react-native run-android
Enjoy coding 👍