Pregga | Maternal Health Support App by Gokul ShivappaPregga | Maternal Health Support App by Gokul Shivappa
Built with FlutterFlow

Pregga | Maternal Health Support App

Gokul  Shivappa

Gokul Shivappa

Verified

Pregga | Maternal Health Support App

"Your Partner in Pregnancy and Beyond"

OVERVIEW

Pregga is a maternal health platform connecting expecting mothers with certified doulas for real-time guidance and support. Most women wait 8-12 weeks for their first prenatal appointment, leaving them without support during critical early weeks. Pregga bridges this gap with instant, affordable access to professional doula care — from fertility through postpartum.
The app serves two user types: pregnant users seeking guidance and doulas providing care, with a broadcast-matching system that connects them instantly.

THE CHALLENGE

Build a dual-role platform for pregnant users and doulas
Enable real-time chat with typing indicators and online presence
Create a broadcast system where users can request any available doula or select specific providers
Track pregnancy week-by-week (1-42 weeks) with personalized content
Implement subscription monetization with monthly and annual plans
Deliver a warm, supportive design that makes users feel cared for

FEATURES

Onboarding
Beautiful illustrated onboarding flow introducing key value propositions:
"Support at your fingertips" — Care, compassion, and understanding
"Track your journey week by week" — Connect with certified doulas anytime
"Get all your doubts answered" — Weekly affirmations and pregnancy insights
Role selection allows users to choose between "I'm Pregnant or trying to conceive" and "I'm a Doula" paths.

For Pregnant Users

Home Dashboard
Personalized greeting with pregnancy week status eg: ("Hi Test User, You are 13 weeks pregnant")
Week selector to navigate weeks 1-42
Weekly illustration with pregnancy stage visualization
Daily affirmations like "My body is Enough" with expandable content
Bottom sheet for connecting: "Browse Doula" or "First available" options
Custom curved navigation bar with center FAB
Messages
Conversation list with doula names and chat status
Time stamps ("4d ago", "Apr 11")
"Chat ended" status indicators
Search functionality
Real-Time Chat
Instant messaging with online status indicator
Image sharing support
Emoji support
Read receipts (double checkmarks)
Time stamps on each message
"Chat ended by Doula" status bar
Profile
User photo, name, and age display
"Edit Profile" button
Pregnancy Details card showing:
Due date (e.g., "18 November 2026")
Current status (e.g., "Week 13")
Visual progress bar
Terms & Conditions, Privacy Policy links
Delete account option
Logout

For Doulas

Dashboard
Personalized greeting
Availability Status toggle card with "Busy/Online" switch
Tab navigation: "Incoming broadcast" and "My clients"
"Live" badge indicator for real-time request monitoring
"Urgent requests" counter showing pending broadcasts
Incoming Broadcasts
Real-time request notifications
Empty state: "No pending requests — New requests will appear here automatically"
My Clients
Client list with photos, names, pregnancy week, and age
"View all clients" button
Search functionality
Client Profile
Large client photo
Name, age, and first contact date
Pregnancy Details card:
Due date
Current status (week number)
Visual progress bar
"View chat history with all doulas" option
"Chat with [Client]" primary action button
Messages & Chat
Conversation list with client names and time indicators
"Chat ended" status
Real-time messaging interface with "Start chat" button
"Last seen" status
Image and emoji support
"Chat ended by you" status bar

Admin Panel

A separate React + TypeScript web app for platform operations:
Dashboard
High-level stats: users, doulas, conversations, broadcasts, subscriptions
Management Sections
Users — User listing, detail views, quick navigation
Doulas — Doula management, add doulas, assign clients
Subscriptions — Subscription listing and filtering
Conversations — Chat moderation/support via Stream integration
Broadcasts — Broadcast management with status filtering
Weekly Content — Manage 42 weeks of affirmations (drag-and-drop ordering)
Settings — App and admin configuration
UX Features
Sidebar + header layout, mobile-friendly
Command palette search (⌘/Ctrl+K) for quick navigation
Real-time sync with backend changes
Charts, toast notifications, modals
Tech: React, TypeScript, Vite, Supabase, Stream Chat, Recharts, deployed to Cloudflare Pages

TECHNICAL STACK

Mobile App - Flutter via FlutterFlow + Custom Dart
Admin Panel - React, TypeScript, Vite
Database - Supabase
Auth - Supabase Auth (Email OTP)
Real-time - Supabase Realtime + Stream Chat
Payments - Stripe
Hosting - App Store, Google Play, Cloudflare Pages (admin)

RESULTS

Production-ready iOS and Android app
Dual-interface architecture for pregnant users and doulas
Real-time broadcast matching system
Subscription monetization via Stripe
42-week personalized content system
Pixel-perfect implementation from Figma designs

DELIVERABLES

FlutterFlow project with complete mobile UI
4,500+ lines custom Dart code
React + TypeScript admin panel
Supabase backend with RLS policies
Stream Chat integration
Stripe payment integration
Cloudflare Pages deployment config

Technologies: Flutter, FlutterFlow, React, TypeScript, Vite, Supabase, Stream Chat, Stripe, Cloudflare Pages

"Disclaimer: This project was built for Pregga Health (preggahealth.com). All screenshots display test/demo data. Shared with client permission."
Like this project

Posted May 13, 2026

Pregnancy support app connecting mothers with certified doulas instantly. Real-time chat, weekly tracking. Live on iOS and Android.

Likes

1

Views

0

Timeline

Jan 9, 2026 - Ongoing

Clients

UpWard Digital