• Stars
    star
    8
  • Rank 2,022,723 (Top 42 %)
  • Language
    JavaScript
  • License
    GNU General Publi...
  • Created over 5 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A blood donor management app with react native and firebase

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!)

More Repositories

1

cfviz

Visualizes user data from codeforces.com using the official API
JavaScript
1,028
star
2

dot-connect

Recreation of a childhood game on mern-stack
JavaScript
32
star
3

own-nestjs

Building a nestjs like framework on top of express under 180 lines
TypeScript
27
star
4

cs

Files related to my CS self study
Java
18
star
5

gold-price

Daily updated Gold price history in Bangladesh. Visualised with per gram and per bhori prices.
TypeScript
9
star
6

psbook

সমস্যা ও সমাধান বই - ১ এর উপর অনুশীলন ( Practice code for Problem and Solutions Book - 1 by Mahbubul Hasan )
C++
7
star
7

fire-adda

A simple react project to demonstrate firebase
JavaScript
4
star
8

psbookprogress

This is a small web app to track progress of the book সমস্যা ও সমাধান বই - ১ by @shanto86
Python
4
star
9

package-cloud

Vue app that creates word cloud of the packages you've used in your JavaScript projects hosted on GitHub
JavaScript
4
star
10

blog

My blog and portfolio
JavaScript
3
star
11

Dingulu

An android app that helps you know yourself better
JavaScript
2
star
12

unsplash-dbg

Use unsplash.com images as desktop background
Python
2
star
13

MakeThemFallTheGame

This is a simple game made with Processing and JBox2D.
Processing
1
star
14

react-native-animation-gesture-playground

Code of my playing around with react native gesture and animation
TypeScript
1
star
15

name-the-code

A quiz app where you have to guess the data structure or algorithm reading the code. Built with SSR (Next.js)
TypeScript
1
star
16

mqtt-vs-socketio

HTML
1
star
17

Bani

A messenger bot built with python web.py
Python
1
star
18

lightoj-solutions

LightOJ solutions scraped with scrapy
Java
1
star
19

strava-personal-heatmap

JavaScript
1
star
20

pdf-viwer-demo

CSS
1
star