https://github.com/chingu-voyages/vk1-bears-team-02

E-Sagip is a real-time, disaster emergency response application that aims to enable faster, and more efficient calamity reporting and government aid. | VK1 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs
https://github.com/chingu-voyages/vk1-bears-team-02

disaster mapbox pusher react

Last synced: 9 months ago
JSON representation

E-Sagip is a real-time, disaster emergency response application that aims to enable faster, and more efficient calamity reporting and government aid. | VK1 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

• Host: GitHub
• URL: https://github.com/chingu-voyages/vk1-bears-team-02
• Owner: chingu-voyages
• Created: 2020-11-20T01:23:41.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-01-18T14:50:35.000Z (almost 5 years ago)
• Last Synced: 2025-01-13T22:38:32.643Z (11 months ago)
• Topics: disaster, mapbox, pusher, react
• Language: JavaScript
• Homepage: https://e-sagip-app.netlify.app/
• Size: 3.46 MB
• Stars: 0
• Watchers: 4
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Links

User demo: https://www.youtube.com/watch?v=cGYt7ip70Fc   

Front-end Repo: https://github.com/chingu-voyages/vk1-bears-team-02    

Back-end Repo: https://github.com/chingu-voyages/vk1-bears-team-02BE    

## Table of Contents

1. Introduction 


2. User Guide 


3. Technology Used    

4. Meet the Team 


5. Build Setup    

6. Environment Variables 

## 
Introduction


E-Sagip is a real-time, disaster emergency response application that aims to enable faster, and more efficient calamity reporting and government aid.

## 
 User Guide 


1. Create your account.       

   ![register page](./src/md_images/register-page.png)    

2. Login your account.    

   ![login page](./src/md_images/login-page.png)

3. Choose the type of disaster that is currently happening in your area. Then, click the button to send a distress alert.     

   ![get help page](./src/md_images/buttons.png)

4. Wait for the first responders to arrive in your area.

Here's what the admin side sees when you send a distress alert.

![get help page](./src/md_images/admin-page.png)

## 
 Technology Used 

 A series of open-source resources were used to make this project possible.

* [ReactJS]

* [node.js]

* [Mapbox]

* [Pusher]

* [PassportJS]

* [MongoDB Atlas]


## 
Meet the Team 

- [John Cunanan](https://github.com/theCodingJohn)

- [Ivan Christian Jay Funcion](https://github.com/supremeking23)

- [Christian Tan](https://github.com/mikotan-cpu)


## 
Build Setup


```bash

# Install dependencies

$ yarn install

# Runs the app in the development mode.

$ yarn start

# Launches the test runner in the interactive watch mode.

$ yarn test

# Builds the app for production to the build folder.

$ yarn build

```

## 
 Environment Variables 

 This application uses the following environment variables:

 - REACT_APP_PUSHER_ID

 - REACT_APP_CLUSTER

 - REACT_APP_MAPBOX_ACCESS_TOKEN

 - REACT_APP_BACKEND=http://localhost:5000/

 - REACT_APP_FRONTEND=http://localhost:3000/