Project
001
Product work
001 / 003
Chroni
An emergency-preparedness app for families, with personal plans, supply tracking, and crisis guides that remain available offline.
Core stack
- Wasp
- React
- TypeScript
- PostgreSQL
- Prisma
Technology
- Wasp
- React
- TypeScript
- PostgreSQL
- Prisma
- Tailwind CSS
- IndexedDB
- Service Workers
- Stripe
Overview
Chroni helps families prepare before an emergency and find the information they need when one happens. Plans, supply lists, and crisis guides are built to remain available when the internet is not.
Why I built it this way
- Private by default: sensitive data can be encrypted with the Web Crypto API
- Useful offline: supply lists and guides remain available without a connection
- Available in three languages: English, German, and Polish
- Made for households: recommendations adapt to the people in the family
- Free emergency guides: essential guidance is not behind a paid plan
Features
Dynamic Inventory Management
- Supply tracking: organize emergency supplies by category and location (Home, Car, Go-Bag, Work)
- Expiry alerts: get warnings before an item expires
- Low-stock alerts: set a minimum quantity for important items
- Barcode support: look up and add items by scanning a barcode
- Shopping list: collect expired and low-stock items in one list
Emergency Guides
- Reliable guidance: emergency information based on official sources
- Offline access: guides are cached for reading without a connection
- Search: find a guide by category or keyword
- Emergency mode: bring the most urgent guides to the front
Family Plan
- Emergency Contacts: Store multiple contacts with relationships and notes
- Meeting Points: Define primary, secondary, and out-of-area meeting locations
- Evacuation Plans: Document evacuation routes and procedures
- Important Documents: Track location of critical documents
- Special Considerations: Note needs for pets, elderly, disabilities
Go-Bags Management
- Personal recommendations: emergency-kit suggestions for each family member
- Age-appropriate lists: different items for adults, children, and infants
- Readiness tracking: see which bags are complete and what is missing
- Quantity calculations: adjust suggested quantities to the size of the family
Emergency Mode
- One-tap activation: start emergency mode from the dashboard
- Important information first: open contacts, meeting points, and essential guides quickly
- Persistent state: emergency mode remains active across sessions
Tech Stack
Core: Wasp v0.17.0, React 18.2, TypeScript 5.8.2, PostgreSQL, Prisma 5.19.1
Frontend: ShadCN UI, Tailwind CSS, React Hook Form, ApexCharts
Offline: Dexie (IndexedDB), Service Workers, Web Crypto API
Backend: AWS S3, Stripe/LemonSqueezy, PgBoss for scheduled tasks