Inspiration
Maternal mortality and complications during pregnancy remain a significant challenge, particularly in regions with limited access to continuous healthcare monitoring. The inspiration behind Uzazi Salama (which translates to "Safe Motherhood" in Swahili) came from the urgent need to bridge the communication and tracking gap between expectant mothers and medical professionals. We wanted to empower women to easily monitor their vital signs and fetal movements from home, while simultaneously allowing hospitals to efficiently triage critical cases and monitor patient histories in real-time.
What it does
Uzazi Salama is a comprehensive, bilingual maternal health tracking platform that features distinct portals for different users:
- For Expectant Mothers: A calming, mobile-first interface to log daily symptoms, count fetal kicks, and record blood pressure and weight. It provides automated, data-driven alerts advising them when to seek immediate medical attention.
- For Hospital Staff: A real-time clinical dashboard to monitor all registered patients. It automatically highlights and categorizes patients based on risk factors (e.g., elevated blood pressure or past-due dates), allowing doctors to prioritize care.
- For Administrators: A centralized network hub to manage hospital registrations, staff credentials, and oversee overarching clinical analytics.
How we built it
We architected the application as a modern, full-stack serverless platform:
- Frontend Core: Built with React 18 and TypeScript, bundled with Vite for maximum performance and strict type safety.
- Styling & UI: We used Tailwind CSS to build a completely custom, responsive design system. We leveraged Framer Motion for fluid page transitions and accessible modal animations, alongside Lucide React for crisp, scalable iconography.
- Backend & Persistence: We utilized Firebase. Cloud Firestore acts as our real-time NoSQL database, ensuring that when a patient logs a critical symptom, the hospital dashboard updates instantly. Firebase Authentication handles role-based access control (Anonymous logins for patients, Email/Password for clinical staff).
- Analytics: Recharts was implemented to render dynamic trend graphs for a patient's weight and blood pressure history.
Challenges we ran into
- State Management & Real-time Sync: Ensuring real-time synchronization between the patient's mobile view and the hospital's desktop dashboard without causing excessive database reads or React re-renders required careful integration of Firestore
onSnapshotlisteners. - Complex Authentication Flows: Designing a unified login component that gracefully handles seamless, low-friction anonymous sessions for patients, while enforcing strict credential-based auth for hospital staff and network admins.
- Responsive Data Visualization: Building clinical data tables and charts that remain legible and interactive on small smartphone screens was a significant UI/UX hurdle.
Accomplishments that we're proud of
- Developing a real-time triage algorithm that objectively categorizes patients into "Stable", "Warning", or "Critical" based on complex medical inputs (e.g., gestational age calculations and systolic/diastolic thresholds).
- Crafting a UI that feels both premium and accessible—using calming colors and intuitive input methods so that medical tracking feels less like a chore and more like a supportive tool.
- Shipping a fully functional, multi-role ecosystem entirely on serverless infrastructure.
What we learned
- The intricacies of designing complex, multi-tenant Firestore security rules to ensure patient data remains private and is only accessible to authorized hospital staff.
- How to effectively use Tailwind CSS grid layouts to build adaptive dashboards that shift seamlessly from mobile lists to complex desktop bento-grids.
- The vital importance of empathy in architectural design; realizing that our end-users might be anxious or in rural areas greatly influenced our visual and technical choices.
What's next for UZAZI SALAMA
- Robust Offline Support: Implementing progressive web app (PWA) capabilities and Firestore offline persistence so the app remains fully functional in regions with spotty internet connectivity.
- SMS Integrations: Connecting a service like Twilio to send automated SMS notifications for upcoming prenatal appointments or immediate alerts to doctors when a patient enters a critical state.
- AI-Powered Insights: Integrating predictive analytics to analyze historical health patterns and flag potential long-term risks earlier in the pregnancy.
Log in or sign up for Devpost to join the conversation.