Skip to content

Latest commit

ย 

History

22 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

CrisisKit Lite ๐Ÿšจ

10-second crisis data collection with AI-powered triage Share a link. Collect urgent needs. Export to Google Sheets. Born from real disaster. Built by communities. For communities.


๐Ÿ”ฅ Born from Real Crisis

In late 2025, during a devastating residential fire in Hong Kong, thousands of people scrambled for help. Official channels were drowning in requests. But something remarkable happened:

Ordinary citizens self-organized using simple tools:

  • Google Forms & Sheets
  • WhatsApp broadcasts
  • Telegram groups
  • Crowdsourced location notes
  • Volunteers manually coordinating

The tools were fragmented and messyโ€”but they worked far better than sophisticated systems.

"In a crisis, speed beats perfection. Communities don't wait for official platforms. They build what they need with what they have." โ€” Real disaster responders

CrisisKit Lite is a tribute to that resilience. It's not trying to replace official systems. It's amplifying what communities are already doingโ€”but 10x faster, with AI intelligence, and built for offline communities.


โšก Core Capabilities at a Glance

Feature What It Does Why It Matters
โฐ 10-Second Setup Create a crisis form in seconds, no account needed Time is life. Every second counts.
๐Ÿค– AI Auto-Triage Gemini AI classifies urgency: Critical โ†’ Moderate โ†’ Low Volunteers work on most critical needs first
๐Ÿ“ Location Intelligence Pre-configured region/district dropdowns for fast location entry Disaster responders need geographic data instantly
๐Ÿ”— Google Sheets Sync Auto-sync submissions to Google Sheets in real-time Teams already use Sheets. Zero learning curve.
๐Ÿ“Š Live Dashboard Color-coded urgency, filtering, statistics, trends Coordinators see patterns and bottlenecks immediately
๐Ÿ“ฑ Mobile-First Design Large buttons, minimal text, works on any phone Most people access crisis info on phones
๐Ÿšซ Duplicate Detection Prevents spam, flags potential updates Cuts down noise for coordinators
๐Ÿ“ก WebRTC P2P Mesh Peer-to-peer offline broadcast & emergency sync between devices Works even when internet/cellular towers are down
๐Ÿ”’ Privacy-First Data stays with community, not third parties Trust is essential in crisis

๐ŸŽฏ The CrisisKit Workflow

Affected Person โ†’ Share CrisisKit Link โ†’ Submit Needs in 10s
                         โ†“
              AI Triage (Critical/Moderate/Low)
                         โ†“
            Auto-Sync to Google Sheets
                         โ†“
         Volunteer Team Coordinates Response

Why Not Just Use Google Forms + Sheets?

Real crisis scenario: A fire breaks out. People need help NOW. Let's compare:

Task Google Forms CrisisKit
Setup time 15-20 minutes 10 seconds
Mobile UX Clunky, text-heavy Large buttons, SOS location tap
Urgency sorting Manual (never happens) Automatic (AI powered)
Duplicate detection None (coordinator nightmare) Automatic (flags patterns)
Learning curve Minutes (forms are new for some) Instant (everyone knows how to submit)
Sheets integration Copy-paste (100 entries = 30min) Real-time auto-sync (automatic)
Offline capability No Queued submissions when connection returns

In a real fire, the difference between 15 minutes of setup and 10 seconds could mean the difference between chaos and coordination.


โœจ Features at a Glance

๐Ÿ”ด For Crisis Coordinators & Volunteers

Incident Management

  • โฐ Create in 10 seconds - No account, no installation, no waiting
  • ๐Ÿ“‹ 12+ pre-built templates - Fire, flood, earthquake, power outage, medical emergency, evacuation, shelter coordination, food distribution, and more
  • ๐ŸŽฏ Customizable intake forms - Add/remove fields without coding

Intelligence & Coordination

  • ๐Ÿค– AI Auto-Triage - Gemini classifies each submission as Critical/Moderate/Low urgency
  • ๐Ÿšซ Smart Duplicate Detection - Prevents spam, flags potential duplicate requests from same person
  • ๐Ÿ“Š Live Dashboard - Real-time view of all submissions, color-coded by urgency
  • ๐Ÿ” Advanced Filtering - Sort by urgency, location, status, time submitted
  • ๐Ÿ“ˆ Visual Analytics - Urgency distribution, geographic heatmaps, submission trends over time

Data Integration

  • ๐Ÿ”— Real-Time Google Sheets Sync - Submissions auto-sync to your Google Sheet via webhook (zero delay)
  • ๐Ÿ“ฅ One-Click Export - Download as CSV or JSON
  • ๐Ÿ’พ Data Backup - Import/export full incident backups
  • ๐Ÿ” Privacy-First - All data stays with your organization, never touches third parties

Location Intelligence

  • ๐Ÿ“ Pre-configured regions - Built-in dropdowns for Hong Kong, Los Angeles, and customizable for any region
  • ๐Ÿ—บ๏ธ Geographic distribution - See where requests are coming from at a glance
  • ๐Ÿ“Œ GPS integration - Affected people can share exact location with one tap

๐Ÿ‘ฅ For Affected People

  • ๐Ÿ“ฑ Ultra-mobile design - Optimized for 4-inch screens, works with one hand
  • ๐Ÿ†˜ SOS button - Tap once for GPS location + automatic Google Maps link
  • โšก Minimal form - 4 essential fields max (Name, Contact, Location, Needs)
  • ๐Ÿšซ No login wall - Submit immediately, anonymously if needed
  • ๐Ÿ”’ Privacy-first - Names don't get published, only coordinators see details
  • ๐Ÿ“ค Offline support - Submissions queue locally, sync when connection returns

๐Ÿ“‹ Crisis Response Templates (Ready to Launch)

Just pick a scenario and you're ready to collect data in 10 seconds:

Category Templates
๐Ÿ”ฅ Natural Disasters Building Fire โ€ข Flood โ€ข Earthquake โ€ข Typhoon/Hurricane โ€ข Wildfire
โšก Infrastructure Failures Power Outage โ€ข Water Crisis โ€ข Gas Leak โ€ข Utility Failure
๐Ÿšจ Displacement & Safety Mass Evacuation โ€ข Shelter Coordination โ€ข Lockdown/Quarantine
๐Ÿž Supply Chain Breakdown Food Distribution โ€ข Medical Supply Shortage โ€ข Fuel Shortage
๐Ÿฆ  Health Emergencies Disease Outbreak โ€ข Mass Injury Incident
๐Ÿ‘ถ Vulnerable Populations Missing Persons โ€ข Child Safety โ€ข Elderly Care

What's in each template:

  • Pre-filled form titles & context-specific instructions
  • Recommended data fields for that crisis type
  • Location dropdowns configured for common disaster zones
  • Mobile-optimized layout ready to deploy

๐Ÿš€ Get Started in 3 Ways

๐ŸŽฏ Option 1: Try the Live Demo (Fastest)

No installation needed. Just:

  1. Visit https://sos.sparkbeacon.org
  2. Click "Create New Incident"
  3. Pick a template (e.g., "Building Fire")
  4. Share the link
  5. Watch submissions roll in

Perfect for: Testing before deployment, understanding the workflow


๐Ÿ’ป Option 2: Run Locally (For Development)

# Clone the repository
git clone https://github.com/sparksverse/crisiskit-lite.git
cd crisiskit-lite

# Install dependencies
npm install

# Start development server
npm run dev

# Open in browser
open http://localhost:5173

What you'll see:

  • Create new incidents
  • Submit test entries
  • See AI triage in action
  • View live dashboard

Perfect for: Developers, customization, adding features


๐ŸŒ Option 3: Deploy to Cloudflare Pages (Production)

Fastest production deployment (5 minutes):

# 1. Fork this repository on GitHub
# 2. Go to Cloudflare Pages dashboard
# 3. Create new site โ†’ Connect to Git
# 4. Select your fork
# 5. Build settings:
#    - Framework: Vite
#    - Build command: npm run build
#    - Output directory: dist
# 6. Deploy!

Done! Your crisis form is live at yourproject.pages.dev

Perfect for: Rapid deployment during real crisis


โš™๏ธ Environment Configuration

Create a .env.local file (see .env.example):

# AI Triage (Recommended)
VITE_GEMINI_API_KEY=your_key_here

# Storage Mode: 'memory' (demo) or 'sheets' (production)
VITE_STORAGE_MODE=memory

# Google Sheets Integration (optional)
VITE_GOOGLE_SHEETS_SPREADSHEET_ID=your_sheet_id
VITE_GOOGLE_SERVICE_ACCOUNT_EMAIL=your_email@project.iam.gserviceaccount.com
VITE_GOOGLE_SERVICE_ACCOUNT_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\n..."

๐Ÿ“– Advanced Setup Guide

See SETUP.md for detailed configuration:

  • Google Sheets Backend - Store all data in Google Sheets
  • Auto-Sync Webhook - Real-time data sync with zero delay
  • Gemini API - AI-powered urgency classification
  • Custom Regions - Configure location dropdowns for any area
  • Data Portability - Import/export incident backups

๐ŸŽฏ Crisis UX Principles

Disaster UX is fundamentally different from normal UX. When people are stressed, scared, or managing chaos, cognitive load skyrockets. This changes how humans interact with systems:

Principle Why It Matters
๐Ÿงจ No clutter Crisis users have almost no working memory available
โฑ Time-to-action < 5s If someone can't create a form immediately, they'll abandon it
๐Ÿ“ฑ Mobile-first Most crisis communication happens on phones
๐Ÿ”Š Broadcast-friendly Links will be shared through WhatsApp groups and voice notes
๐Ÿงฉ Minimal inputs Complex forms fail. Short, descriptive fields succeed
๐Ÿง˜ Emotional safety A "Thank you" message reduces panic

Read our full Design Philosophy to learn more.


๐ŸŽฏ Real-World Use Cases

โœ… CrisisKit is Perfect For:

Use Case Example
Natural Disasters Building fires, floods, earthquakes, typhoonsโ€”assess immediate needs
Infrastructure Failure Power outages, water contaminationโ€”coordinate emergency resources
Displacement Mass evacuation, shelter coordinationโ€”track who needs what
Supply Chain Breakdown Food shortage, medical suppliesโ€”rapid distribution assessment
Community Mutual Aid Neighborhood flooding, local emergencyโ€”peer-to-peer help coordination
Evacuation Routes Track bottlenecks, coordinate transportation, identify vulnerable people
Rapid Surveys Post-crisis assessment, damage surveys, accessibility needs

Why it works in these scenarios:

  • Speed is literally life-or-death
  • You need data NOW, not in 2 hours
  • Coordinators are already using Google Sheets
  • People will use any tool that worksโ€”don't need perfection

โš ๏ธ Not Suitable For:

  • Official government platforms โ€” Use certified emergency systems instead
  • Medical triage โ€” Requires professional medical oversight (CrisisKit supplements, not replaces)
  • Long-term case management โ€” Use dedicated CRM/database systems for ongoing support
  • Confidential law enforcement โ€” Not designed for sensitive investigations

๐Ÿค Contributing to Crisis Tech

We believe crisis technology is too important to keep closed. Every contribution helps communities respond faster in the next emergency.

Ways to help:

Contribution Impact
๐Ÿ› Report Bugs File issues if something breaksโ€”we fix critical bugs in 24hrs
๐Ÿ’ก Suggest Features Real-world ideas from deployed incidents are gold
๐Ÿ“ Improve Docs Better docs = faster adoption = faster crisis response
๐ŸŒ Add Translations Crisis doesn't respect language boundaries
๐Ÿ”ง Write Code New features, optimizations, bug fixes
๐Ÿ“ฑ Test on Devices Verify mobile UX on real phones in real conditions

First contribution? Start here:

  1. Fork the repo
  2. Pick an issue labeled good-first-issue
  3. Follow CONTRIBUTING.md
  4. Open a PR with a clear description

See CONTRIBUTING.md for detailed guidelines and our code of conduct.


๐Ÿ—บ๏ธ Roadmap

v1.0 (Current - Production Ready)

  • 12+ pre-configured crisis templates
  • AI-powered urgency triage (Gemini)
  • Real-time Google Sheets sync
  • Mobile-optimized submission form
  • Live coordinator dashboard
  • Visual analytics & heatmaps
  • Duplicate detection
  • Data import/export
  • Privacy-first architecture

v2.0 (Early 2026)

  • Custom form fields (no-code customization)
  • Multi-language UI (Spanish, Mandarin, Hindi, Arabic)
  • SMS text-to-submit (for areas with poor internet)
  • Offline-first PWA (submissions queue, sync when connected)
  • Volunteer dispatch coordination (assign tasks)
  • WebSocket real-time updates (instant dashboard)
  • Map-based incident visualization (geographic view)
  • Telegram/WhatsApp bot integration (submit via chat)
  • Integration with emergency management systems

v3.0 (Vision 2026-2027)

  • Predictive dispatch (ML suggests volunteer routing)
  • Multi-incident federation (link incident databases)
  • Voice submission (for users who can't type)
  • Accessibility features (accessible for blind/deaf users)
  • Open-source mobile apps (iOS/Android native)

Voting on roadmap: Help us prioritize. React to GitHub Discussions with your use cases.


๐Ÿ“œ License

MIT ยฉ Sparksverse

This project is open-source and free to use for any purpose, including commercial projects. See LICENSE for details.


๐Ÿ› ๏ธ Tech Stack

Frontend

  • React 19 + TypeScript
  • Vite (lightning-fast builds)
  • Tailwind CSS (mobile-first styling)
  • Lucide React (beautiful icons)

AI & Intelligence

  • Google Generative AI (Gemini 2.0 for urgency triage)
  • Custom keyword heuristics (fallback if API unavailable)

Data Integration

  • Google Sheets API (read/write sync)
  • Webhook integration (real-time auto-sync)

Deployment

  • Cloudflare Pages (global CDN, zero-config)
  • Vercel (alternative)
  • Docker support coming in v2.0

Open Source Libraries

  • React Router (navigation)
  • React Hooks (state management)

All free and open-source. No vendor lock-in.


๐Ÿ’ก Our Philosophy

"In a crisis, people don't wait for perfect systems. They build what they need with the tools they have. CrisisKit Lite amplifies that instinct."

We believe:

  1. Speed > Perfection โ€” A 10-second form deployed now saves more lives than a perfect form deployed in 2 weeks
  2. Community First โ€” Technology should serve communities, not the other way around
  3. Low-Tech Resilience โ€” Work when internet is down, when servers are full, when nothing is available
  4. Data Privacy โ€” Communities own their crisis data. We never store it on our servers
  5. Open Source First โ€” Crisis tech is too important to be proprietary

If CrisisKit helps even one community organize faster in the next emergency, it will have succeeded.


๐Ÿ™ Inspired By Real Heroes

This project was born from witnessing grassroots responders during the late 2025 Hong Kong fire:

  • Thousands of citizens organizing relief efforts
  • Volunteers coordinating with Google Sheets + WhatsApp
  • Speed & resilience beating official channels by hours
  • Human compassion at massive scale

CrisisKit Lite is our tribute to their ingenuity. We're just making it easier.


๐Ÿ“ž Get Help & Join Us


โญ Show Your Support

If CrisisKit helps your community or you believe in this mission:

  1. Star this repo โญ (helps others discover it)
  2. Fork & deploy ๐Ÿš€ (share with your community)
  3. Contribute code ๐Ÿ”ง (help us build faster)
  4. Share your story ๐Ÿ“– (how CrisisKit helped you)
  5. Report bugs ๐Ÿ› (help us improve)

Even small contributions make a difference. Crisis tech is a collective responsibility.


Made with โค๏ธ by Sparksverse
Crisis response technology for every community

โญ Star us on GitHub โ€ข Report Issues โ€ข Join Discussion

About

๐Ÿšจ CrisisKit Lite: Open-source crisis management tool for emergencies | Generate forms in seconds | AI-powered triage | Mobile-first | Google Sheets integration | Built with React + TypeScript + Gemini AI

Topics

Resources

Contributing

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages