Beacon: Adaptive Offline Preparedness Assistant

• 

  Logo

• 

  Main Interface - Adaptive preparedness dashboard designed for emergency readability and low-distraction environments.

• 

  AI Guidance - AI-generated preparedness guidance for outages, hiking, remote travel, and emergency situations.

• 

  Saved Sessions - Preparedness sessions are stored locally for quick offline-style reference and retrieval.

• 

  PDF Export - Export emergency guidance and preparedness sessions into lightweight printable PDF references.

• 

  Mobile View

• 

  The assistant redirects unrelated prompts to maintain preparedness-focused guidance.

Inspiration

A lot of apps assume stable internet, full battery, and normal conditions. But during emergencies, remote travel, hiking, or outages, those assumptions can fail quickly. I wanted to explore what a calmer, more readable preparedness experience could look like when conditions become difficult.

What it does

Adaptive Offline Preparedness Assistant helps users prepare for emergencies, weak signal environments, and low-battery situations through emergency checklists, simplified AI guidance, low-power readability mode, and downloadable preparedness summaries.

How we built it

We built the app using React, Vite, Tailwind CSS, and AI-assisted guidance generation. The project focuses on mobile responsiveness, adaptive UI behavior, and lightweight preparedness tools that remain readable during stressful situations.

Challenges we ran into

One challenge was balancing useful features with simplicity. It was easy to overbuild the project, especially around offline functionality and AI integration. Another challenge was designing an interface that still feels readable and calm when switching into emergency mode.

Accomplishments that we're proud of

We’re proud of creating a concept that feels practical instead of overwhelming. The adaptive emergency mode, simplified instructions, and preparedness-focused UX helped the project feel grounded in real-world situations instead of just being another AI demo.

What we learned

We learned that constraints can improve design decisions. Thinking about battery life, weak signal, readability, and cognitive overload changed how we approached both the UI and feature priorities.

What's next for Adaptive Offline Preparedness Assistant

Future plans include stronger offline support, downloadable preparedness packs, map integration, multilingual emergency guidance, and more personalized preparedness recommendations based on travel, weather, or location conditions.

Built With

• anthropic-api/claude-ai
• git&github
• javascript
• jspdf
• local-storage
• progressive-web-app-(pwa)-concepts
• react
• responsive-mobile-first-design
• tailwind-css
• vite