Skip to content
A blood donor management app with react native and firebase
JavaScript Objective-C Java Python
Branch: master
Clone or download
Latest commit 883636c Jul 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android search with group Oct 2, 2018
ios started project, configured rn-firebase, rn-fbsdk, rn-elements, navig… Aug 18, 2018
src
.babelrc added redux and changed project structure Aug 20, 2018
.buckconfig added redux and changed project structure Aug 20, 2018
.flowconfig added redux and changed project structure Aug 20, 2018
.gitattributes added redux and changed project structure Aug 20, 2018
.gitignore added redux and changed project structure Aug 20, 2018
.watchmanconfig added redux and changed project structure Aug 20, 2018
LICENSE added lincese Aug 29, 2018
README.md Update README.md Oct 2, 2018
abp.sublime-project started project, configured rn-firebase, rn-fbsdk, rn-elements, navig… Aug 18, 2018
app.json started project, configured rn-firebase, rn-fbsdk, rn-elements, navig… Aug 18, 2018
index.js added fcm listeners Sep 2, 2018
package.json working build Jul 10, 2019
yarn.lock working build Jul 10, 2019

README.md

ABPBloodBank

A blood donor management app with react native and firebase. This app was developed to help Asroy Bidyapith with their blood management activity in Ashuganj and nearby areas. Feel free to clone it for your own locality.

The app is available here.

Features

  • Search donors with name or address
  • Filter with blood group and availability according to last donation date
  • Users can sign in with Facebook to enlist their blood group and contact informations
  • Users can choose to share their contact informations only with admin, in that case, admin contact is shown in their profile info screen
  • Admin can manually add donors or update last donation information
  • Admin or user can update their last donation information

Key technologies/packages used

  • React Native
  • React Native Firebase
  • React Native Elements
  • React Navigation
  • Redux

Setps to clone this project

  1. First of all you will need to install and configure Android SDK. Follow the Building Projects with Native Code section in this official guide.

  2. Then clone and rename this project. Renaming can be tricky. Try using this package.

  3. Create a firebase project here.

  4. A google-services.json file contains all of the information required by the Firebase Android SDK to connect to your Firebase project. To automatically generate the json file, follow this guide. Once downloaded, place this file in the root of the project at android/app/google-services.json. Replace the existing file.

  5. Create a realtime database from firebase console with these following security rules.

{
  "rules": {
    "contact_info": {
      "$uid": {
        ".read": "data.child('hidden').val() != true || $uid === auth.uid || root.child('users').child(auth.uid).child('admin').val() == true",
        ".write": "(data.child('hidden').val() != true || $uid === auth.uid || root.child('users').child(auth.uid).child('admin').val() == true) && data.child('admin').val() === newData.child('admin').val()"
      }
    },
    "users": {
      ".read": true,
      "$uid": {
        ".write": "$uid === auth.uid || root.child('users').child(auth.uid).child('admin').val() == true"
      }
    }
  }
}
  1. Follow the Getting Started Guide for Facebook Android SDK to set up a Facebook app. You don't need to follow the whole guide, just create a new facebook app, update the strings.xml and add the Key Hash

  2. Install the dependencies with yarn install.

  3. Now you should be able to run the project with react-native run-android

If you need any help, feel free to ping me.

If you clone this project, please keep a link back to Asroy Bidyapith. (and maybe the original project too!)

You can’t perform that action at this time.