Family Command Center — real-time dashboard for household coordination, schedules, and task management
- TypeScript 63.8%
- PHP 29.6%
- CSS 3.7%
- Shell 2%
- Dockerfile 0.7%
- Other 0.2%
55146be5e9
DESIGN.md now uses {shared.*} references from portfolio-design-tokens.yml.
Keeps unique tokens: sky-500 brand scale, Newsreader serif headlines, 8px radius,
3-level shadow elevation, shadcn/ui New York style.
CLAUDE.md updated with portfolio context.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
||
|---|---|---|
| api | ||
| backups | ||
| dashboard | ||
| data/uploads | ||
| docs | ||
| migration | ||
| worker | ||
| .env.sample | ||
| .gitignore | ||
| AUDIT.md | ||
| CLAUDE.md | ||
| contract-template.md | ||
| CONTRACT.md | ||
| CONTRACT_PHASE2.md | ||
| deploy.sh | ||
| DESIGN.md | ||
| docker-compose.yml | ||
| docker-compose.yml.test | ||
| PHASE2_PLAN.md | ||
| PLAN.md | ||
| prd.json | ||
| progress.txt | ||
| README.md | ||
| test.sh | ||
Family Command Center
A self-hosted family dashboard to replace subscription apps (Skylight, Dakboard, Cozi). Built in a single session using Claude Code.
Hardware
- Tablet: Android 13, 32" (make/model TBD), portrait, wall-mounted
- Host: VPS (209.145.63.145) with Docker, Traefik, PHP, PostgreSQL
- AI: BatKave (192.168.183.108) — Ollama v0.20.7, RTX 4090
Tech Stack
- Frontend: React (SPA)
- Backend: PHP on Apache (SSL, behind Traefik)
- Database: PostgreSQL (family data: calendars, lists, meals)
- Real-time: PostgreSQL NOTIFY (or polling fallback)
- Auth: Google Calendar iCal feeds (read-only), PHP session auth for dashboard
- Weather: Open-Meteo API (free, no signup)
- Kiosk: Fully Kiosk Browser (Android)
- AI Insights: Ollama (qwen3.6:iq4_xs on BatKave) via cron
Features
- Full Google Calendar integration (family calendars via ics read-only feeds)
- US Holidays automatically displayed
- Week-ahead view with quick event editing
- Real-time shopping list (synced across family devices)
- Weekly meal planner with one-tap clear
- Live weather widget
- Family notes section
- Fullscreen mode for clean display
- AI-driven insights (schedule conflicts, grocery predictions, meal suggestions)
- User profiles / switching (guest vs family member views)
Design Language
- Dark glassmorphism aesthetic (frosted glass cards on dark gradient background)
- Font: Inter (Google Fonts)
- Color: One accent color, muted secondary text
- Cards: 24-32px padding, 32px between cards, backdrop-filter blur
- Animation: 0.3s fade-in, staggered, no spinners (skeleton placeholders)
Data Flow
[iCal feeds from Google] → [PHP cron every 30m] → [PostgreSQL]
↓
[Android tablet → dashboard] ←─ [PHP serves UI] ← [React reads PostgreSQL data]
Status
- Phase 1: Functional panel (calendar + weather + notes) — NOT STARTED
- Phase 2: AI insights (Ollama polling PostgreSQL for trends) — NOT STARTED
- Phase 3: Health agent + personal trainer integration → grocery automation — NOT STARTED
Audit
See AUDIT.md for SWOT, technical, and security audit findings.