GlowWise is a privacy-first, AI-powered wellness platform that helps users understand their body's signals and get personalized health guidance.
Target Users: Anyone 18+ seeking wellness clarity (Primary: Women 25β45)
Core Features:
- π¬ AI Wellness Coach - Chat with a personalized AI coach
- π Pattern Detection - Discover correlations in your wellness data
- π· Photo Tracking - Visual before/after progress
- β Daily Check-in - 2-minute wellness snapshot
- π§ 8+ Health Domains - Hormones, fertility, hair, skin, brain, gut, energy, stress
- ποΈ Message Deletion - Delete any message anytime (unique feature for privacy)
| Layer | Technology |
|---|---|
| Frontend | React 18, Tailwind CSS |
| Hosting | Vercel |
| Database | Firebase Firestore |
| Authentication | Firebase Auth |
| Storage | Firebase Cloud Storage |
| AI Integration | OpenAI API (ready for integration) |
| Charts | Recharts |
| Icons | Lucide React |
glowwise/
βββ src/
β βββ context/ # Auth & UserData contexts
β βββ pages/ # Main pages (Landing, Dashboard, etc.)
β βββ config/ # Firebase configuration
β βββ App.jsx # Router & main component
β βββ index.js # Entry point
β βββ index.css # Global styles
βββ public/
β βββ index.html # HTML template
β βββ manifest.json # PWA manifest
βββ package.json # Dependencies
βββ tailwind.config.js # Tailwind config
βββ postcss.config.js # PostCSS config
βββ SETUP_AND_DEPLOYMENT.md # Setup instructions
- Landing (
/) - Hero, features, pricing, FAQ - Signup (
/signup) - Email/password registration - Login (
/login) - Email/password login
- Onboarding (
/onboarding) - 9-step setup wizard (displayed if not completed) - Dashboard (
/dashboard) - Glow Score, Today's Actions, quick stats - Daily Check-in (
/checkin) - 2-minute wellness assessment - AI Coach (
/ai-coach) - Chat interface with message deletion - Insights (
/insights) - Pattern detection & charts - Settings (
/settings) - Profile, notifications, privacy, data export
Primary:
- Sage Green: #6B9E7F (buttons, highlights)
- Deep Slate: #2C3E50 (headings, navigation)
- Soft Cream: #F5F3F0 (main background)
Secondary:
- Light Sage: #D4E8DD (cards, soft sections)
- Warm Taupe: #A89968 (subtle accents)
- Charcoal: #3D4A52 (body text)- Headings: Poppins 600-700 weight
- Body: Inter 400-500 weight
- Sizing: Follows size scale (H1: 40px, Body: 15px)
- Card-based layout with soft shadows
- Border radius: 12-16px
- Generous spacing (breathable)
- Subtle animations (150-200ms)
- WCAG 2.1 AA accessibility compliance
- All data encrypted at rest (Firebase)
- HTTPS everywhere
- User authentication required
- Users can delete any message anytime (hard delete)
- Users can export all their data (GDPR compliance)
- Users can delete their entire account
- No third-party data sharing
- GDPR: Full EU user data compliance
- CCPA: Full California user data compliance
- Non-Medical: Clear disclaimers on all health content
users/{userId}
βββ email
βββ wellness_priorities[]
βββ glowType
βββ glowScore
βββ notification_preferences
βββ subscription_tier (free/wellness)
βββ onboarding_completed
βββ conversations/{conversationId}
β βββ messages[]
β βββ created_at
β βββ topic
βββ dailyCheckIns/{checkInId}
β βββ date
β βββ energy (1-10)
β βββ sleep_hours
β βββ stress_level (1-10)
β βββ mood (1-10)
β βββ symptoms[]
βββ photos/{photoId}
βββ photo_url
βββ uploaded_at
βββ ai_analysis
# 1. Install dependencies
npm install
# 2. Set up .env with Firebase credentials
cp .env.example .env
# Then fill in your Firebase config
# 3. Start dev server
npm startThe app runs at http://localhost:3000
# 1. Build for production
npm run build
# 2. Deploy to Vercel
# (See SETUP_AND_DEPLOYMENT.md for detailed instructions)Full setup guide: See SETUP_AND_DEPLOYMENT.md
- Landing Page - Learn about GlowWise
- Sign Up - Create account with email/password
- Onboarding (9 steps)
- Welcome + disclaimer
- Select wellness priorities
- Describe body signals
- Sleep & energy assessment
- Stress & mood assessment
- Nutrition details
- Lifestyle habits
- Health context (optional)
- Notifications & optional photo
- Dashboard - View Glow Score, Today's Actions
- Daily Check-in - Complete 2-min wellness assessment
- AI Coach - Chat with personalized coach
- Insights - View patterns and trends
- Calculated from: Sleep, Energy, Stress, Consistency
- Range: 0-100
- Updates daily based on check-in data
- Shows weekly trends
- Personalized 1-3 daily recommendations
- Based on user data and latest check-in
- Example: "Improve Sleep Tonight" if sleep < 7h
- Every message has a delete button
- Delete any user or AI message anytime
- Permanent hard delete from database
- Zero traces left
- Privacy-first positioning: "The wellness AI where you control your data"
- Identifies correlations: Low sleep + high stress = fatigue
- Visual line charts showing trends
- Personalized insights
- Actionable recommendations
Create .env file with:
# Firebase
REACT_APP_FIREBASE_API_KEY=...
REACT_APP_FIREBASE_AUTH_DOMAIN=...
REACT_APP_FIREBASE_PROJECT_ID=...
REACT_APP_FIREBASE_STORAGE_BUCKET=...
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=...
REACT_APP_FIREBASE_APP_ID=...
# Optional (add after launch)
REACT_APP_OPENAI_API_KEY=...Customized in tailwind.config.js with:
- GlowWise color palette
- Custom font families
- Border radius utilities
- Animation definitions
- Daily Active Users (DAU)
- Monthly Active Users (MAU)
- Custom events:
check_in_completedai_coach_messagemessage_deletedphoto_uploaded
- Month 1: 100 users, 5% paid conversion
- Month 3: 500 users, 8% paid conversion
- Month 6: 2,000 users, 10% paid conversion
- Year 1: 10,000+ users, Β£60k MRR
| Plan | Price | Features |
|---|---|---|
| Free | Β£0 | 2 AI questions/day, daily check-in, read-only chat history |
| Wellness Coach | Β£4.99/month | Unlimited questions, photo uploads, full features |
- β Landing page
- β Authentication (email/password)
- β 9-step onboarding
- β Dashboard with Glow Score
- β Daily check-in habit loop
- β AI Coach (with mock responses)
- β Message deletion (unique feature)
- β Insights with pattern detection
- β Settings & data management
- β Mobile responsive design
- β Accessibility (WCAG 2.1 AA)
- β³ Real OpenAI API integration
- β³ Photo uploads & AI analysis
- β³ Stripe subscription payments
- β³ Email notifications (SendGrid)
- β³ Push notifications (Firebase)
- β³ Advanced analytics dashboard
- β³ Wearable integrations (Oura, Apple Health)
- β³ Community features (optional)
- β³ Wellness courses
- β³ Premium reports
- β³ Mobile app (React Native)
This is a private project. If you're working on GlowWise:
- Create feature branches:
git checkout -b feature/your-feature - Commit changes:
git commit -m "Add feature" - Push:
git push origin feature/your-feature - Create pull request for review
- Non-medical disclaimer on all health content
- GDPR compliant (EU users)
- CCPA compliant (CA users)
- No third-party data sharing
GlowWise provides wellness guidance, not medical advice.
It is not a substitute for professional medical advice, diagnosis, or treatment.
Always consult a qualified healthcare provider for medical concerns.
For issues or questions:
- Check
SETUP_AND_DEPLOYMENT.mdfor setup help - Review Firebase documentation
- Check React and Vercel docs
- Create GitHub issue for bugs
MIT License - Feel free to use for your wellness project.
- Design inspiration: Calm, Headspace, Oura
- Tech stack: React, Firebase, Vercel
- Community: React and open-source developers
Built with π for your wellness journey
Last updated: April 2026 Status: MVP Ready for Launch