Skip to content

Emergency App alert for responders that shows real-time location with Chat and Call features.

Notifications You must be signed in to change notification settings

lloydbrianmosca-cpu/e-alert-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

119 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿšจ e-Alert App

React Native Expo Firebase License

A Real-Time Emergency Response System for the Philippines

Connecting citizens with emergency responders through instant location-based assistance

Features โ€ข Installation โ€ข Documentation โ€ข Contributing


๐ŸŒŸ About

e-Alert is a comprehensive emergency response mobile application built with React Native and Expo. The app enables real-time communication between citizens in distress and emergency responders including Police (PNP), Fire Department (BFP), Medical Services, and Flood/Rescue teams.


โœจ Key Features

  • ๐Ÿ†˜ Triple-tap SOS - Quick emergency activation
  • ๐Ÿ“ Real-time GPS Tracking - Live location sharing
  • ๐Ÿ—บ๏ธ Interactive Maps - See responder location and ETA
  • ๐Ÿ’ฌ In-App Chat - Direct communication with responders
  • ๐Ÿ“ž Emergency Hotlines - Nationwide contact directory
  • ๐Ÿ‘ฎ Multi-Role System - User, Responder, and Admin interfaces

๐Ÿ“š For complete feature list, algorithms, and technical documentation, see DOCUMENTATION.md


๐Ÿ“ฒ Installation

Prerequisites

Requirement Version Download
Node.js v18.0.0+ nodejs.org
npm v9.0.0+ Included with Node.js
Git Latest git-scm.com
Expo Go App v54+ iOS / Android

Quick Start

1๏ธโƒฃ Clone the Repository

git clone https://github.com/lloydbrianmosca-cpu/e-alert-app.git
cd e-alert-app

2๏ธโƒฃ Install Dependencies

npm install

3๏ธโƒฃ Start Development Server

npm start

4๏ธโƒฃ Run on Device

  1. Open Expo Go app on your mobile device
  2. Scan the QR code from the terminal
  3. App will load on your device

๐Ÿ–ฅ๏ธ Running on Emulators

Android Emulator

npm run android
# OR
expo run:android

iOS Simulator (macOS only)

npm run ios
# OR
expo run:ios

๐Ÿ”ฅ Firebase Setup (Optional)

The app comes pre-configured with Firebase. To use your own Firebase project:

  1. Create a project at Firebase Console

  2. Enable:

    • โœ… Authentication (Email/Password)
    • โœ… Cloud Firestore
    • โœ… Storage
  3. Update src/services/firebase.js:

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_PROJECT.firebaseapp.com",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_PROJECT.appspot.com",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

๐Ÿ“ฆ Building for Production

Android (APK/AAB)

# Preview APK
eas build -p android --profile preview

# Production AAB (for Play Store)
eas build -p android --profile production

iOS (IPA)

# Production build (for App Store)
eas build -p ios --profile production

๐Ÿ“ Project Structure

e-alert-app/
โ”œโ”€โ”€ App.js              # Root component
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/     # Reusable UI components
โ”‚   โ”œโ”€โ”€ constants/      # App constants
โ”‚   โ”œโ”€โ”€ context/        # React Context (Auth, Emergency, Chat)
โ”‚   โ”œโ”€โ”€ navigation/     # Navigation setup
โ”‚   โ”œโ”€โ”€ screens/        # App screens
โ”‚   โ””โ”€โ”€ services/       # Firebase services
โ”œโ”€โ”€ android/            # Android native code
โ”œโ”€โ”€ ios/                # iOS native code
โ””โ”€โ”€ functions/          # Firebase Cloud Functions

๐Ÿ“š For complete project structure, see DOCUMENTATION.md


๐Ÿ› ๏ธ Tech Stack

Category Technologies
Frontend React Native, Expo, React Navigation
Backend Firebase Auth, Firestore, Storage
Maps React Native Maps (Google Maps)
Location Expo Location

๐Ÿ“š Documentation

For comprehensive documentation including:

  • โœ… Complete feature list
  • โœ… System architecture
  • โœ… Algorithms & formulas (Haversine, ETA calculation)
  • โœ… Firebase configuration & security rules
  • โœ… API documentation
  • โœ… Color scheme & UI guidelines

๐Ÿ‘‰ See DOCUMENTATION.md


๐Ÿค Contributing

  1. Fork the repository
  2. Create your feature branch
    git checkout -b feature/AmazingFeature
  3. Commit your changes
    git commit -m 'Add some AmazingFeature'
  4. Push to the branch
    git push origin feature/AmazingFeature
  5. Open a Pull Request

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


๐Ÿ‘จโ€๐Ÿ’ป Author

Lance Adrian Acal - Full Stack Developer

GitHub

Jericho Delos Reyes - Frontend Developer

GitHub

Lee Adrian Norona - Backend Developer

GitHub

Lloyd Brian Mosca - Client

GitHub


๐Ÿ™ Acknowledgments

  • React Native & Expo teams
  • Firebase documentation
  • Philippine National Police (PNP)
  • Bureau of Fire Protection (BFP)
  • Department of Health (DOH)
  • NDRRMC

โญ Star this repository if you find it helpful! โญ

Made with โค๏ธ in the Philippines ๐Ÿ‡ต๐Ÿ‡ญ

About

Emergency App alert for responders that shows real-time location with Chat and Call features.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages