Grace Flare — Parenting & Baby Tracker
A smart baby tracking app for new parents. Log sleep, feeding, diapers, and milestones, and get AI-powered insights from specialized parenting experts.
Tech Stack
- Frontend: React 18 + TypeScript + Vite
- UI: shadcn/ui + Tailwind CSS
- Backend: Supabase (Postgres, Auth, Storage, Edge Functions)
- AI: Anthropic Claude API (claude-haiku-4-5) via Supabase Edge Functions
- State: TanStack React Query
- Routing: React Router v6
AI Features
The app includes 8 specialized AI skills powered by Claude:
- General — Parenting Q&A
- Pediatrician — Health, vaccines, illness guidance
- Sleep — Sleep schedules, training, regressions
- Nutrition — Feeding, solids, allergen introduction
- Developmental — Motor, sensory, cognitive milestones
- Speech (SLP) — Language development tracking
- Financial — 529s, tax credits, childcare budgeting
- Onboarding — Conversational child profile setup
Local Development
# Clone the repo
git clone <YOUR_GIT_URL>
cd bright-baby-steps
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env
# Fill in your Supabase URL and anon key
# Start the dev server
npm run dev
Environment Variables
| Variable | Description |
|---|
VITE_SUPABASE_URL | Your Supabase project URL |
VITE_SUPABASE_PUBLISHABLE_KEY | Supabase anon/publishable key |
VITE_PUSH_ENABLED | Optional. "true" turns on server push (APNs token registration, the notification-sheet soft-ask, the Profile switch). Anything else or absent leaves push dormant. Build-time, so set it in the build environment (e.g. Codemagic) |
Supabase Edge Functions
The AI features run as Supabase Edge Functions. They require the following secret set in your Supabase project:
| Secret | Description |
|---|
ANTHROPIC_API_KEY | Anthropic API key from console.anthropic.com |
Edge functions are automatically deployed to Supabase via GitHub Actions on every push to main that touches supabase/functions/.
Deployment
Push to main — GitHub Actions handles deploying Supabase edge functions automatically. The frontend is a standard Vite SPA (npm run build → dist/); host it wherever you prefer.
When configuring Supabase Auth → URL Configuration for your chosen host, set the Site URL to your production origin and add http://localhost:8080/** (plus your host's preview-URL pattern) to Additional redirect URLs so email confirmation and password reset links work.
