Mental Health App — Prototype

This is a lightweight client-only prototype created for a hackathon.

Features:

• Mood check-in (localStorage)
• Guided breathing exercise
• Simple journaling (localStorage)
• Useful external resources

Setup:

Windows / macOS / Linux

1. Install dependencies:

npm install

2. Run dev server:

npm run dev

This uses Vite + React. The app stores data in localStorage and has no backend.

Deployment:

• Firebase Hosting:
  1. Install Firebase CLI globally: npm install -g firebase-tools
  2. Login to Firebase: firebase login
  3. Initialize Firebase (if not already done): firebase init hosting
  4. Update .firebaserc with your Firebase project ID
  5. Deploy: npm run deploy or npm run deploy:hosting

Service Worker / Reminders:

This prototype includes a lightweight service worker at /sw.js and page registration in src/main.jsx. The service worker receives scheduled reminder messages from the page (best-effort demo). Note: browsers limit service worker lifetime; background scheduling may not be fully persistent without a server push or advanced APIs (Periodic Background Sync) — this is a demo implementation.

Next ideas:

• Add sync or anonymous account
• Add simple analytics / trends graph
• Add reminders and notifications

Enjoy! 👋