Awesome

Covid 19 Community Tracker

Check if you are near of suspected cases of covid-19. No sensible data is revealed.

Features

User

• Login required.
• Suggest location of vulnerable people.
• Self-report about it health.
• Subscription to volunteers list.
• Food stores queue.
• Check if they are near of this points possible covid focus.
• No sensible data is revealed.

Admin

• Admin functions

  • Add possible covid focus.
  • Add vulnerable people.
  • Add food stores.

• Dashboard that show data:

  • suspected cases.
  • suggestions of vulnerable people.
  • subscriptions
    • request food at home.
    • volunteer.
    • vulnerable people.

• Layers

  • Heatmap layer.
  • Markers layer.

DEMO: Click here!

Technologies

• Typescript
• SCSS
• Prettier
• Angular
• Firebase
• Bootstrap
• Leaflet
• fingerprintjs2
• uuid
• geofire

Setup

Now all required files has its template for more easy setup

Setup firebase:

firebase init

Frontend

Setup environment in src/environments/environment.ts for development purpose. Setup environment in src/environments/environment.prod.ts for production purpose.

GUID random generator

Check the template for reference:

export const environment = {
  production: false,
  firebase: {
    apiKey: '',
    authDomain: '',
    databaseURL: 'http://localhost:9000',
    appURL: 'https://localhost:4200',
    projectId: '',
    storageBucket: 'http://localhost:8080',
    messagingSenderId: '',
    appId: ''
  },
  namespace: 'b4bfb9fd-2e9b-40e6-afcd-81ac1699eb9d', // copy valid GUID from above GUID random generator
  api: 'http://localhost:5001/community-tracker-covid-19/us-central1', // <-- replace with functions location
  countryBounds: {
    point1: { lat: 2.37928, lng: -92.69996 },
    point2: { lat: -5.41915, lng: -75.10254 }
  },
  countryCenter: {
    center: { lat: -1.36218, lng: -78.37646 }
  },
};

Cloud functions

Setup environment in functions/env.json for development purpose. Setup environment in functions/env-prod.json for production purpose.

Setup Firebase AdminSDK file in functions/env.json : serviceAccount.

Check the template for reference:

{
  "serviceAccount": {
    "type": "",
    "project_id": "",
    "private_key_id": "",
    "private_key": "",
    "client_email": "",
    "client_id": "",
    "auth_uri": "",
    "token_uri": "",
    "auth_provider_x509_cert_url": "",
    "client_x509_cert_url": ""
  },
  "firebase": {
    "databaseURL": "http://localhost:9000", // for dev
    "appURL": "http://localhost:4200"       // for dev 
  }
}

Proximity checker

You can customize the proximity checker algorithm in functions/src/index.ts

• By default it's checking 10km around
• If more cases are found so proximity is more

  - 0 -> far
  - [1, 4] -> warning
  - [5, ...] -> near
  

Database rules

Remember block any operation: 'read', 'update', 'delete', 'write'

Development

0. Setup Edit proxy.conf.json file to intercept local CORS request with functions location

   {
     "/community-tracker-covid-19/us-central1/*": {  <-- you will see this this direction when serve functions
       "target": "http://localhost:5001",
       "secure": false,
       "logLevel": "debug",
       "changeOrigin": true
     }
   }
   

1. Install dependencies

   npm install
   

2. Start development server

   npm run start
   

3. Move to functions folder and execute

   cd functions
   npm run serve
   

4. Start to develop

Navigate to localhost:4200.

Deploy

npm run deploy

Acknowledgment

Thanks for contribute with it's ideas/opinions and code.

Licence

Luis Reinoso MIT LICENCE