NutureAI

NutureAI is an AI-powered health companion designed to help users build sustainable habits, fitness, nutrition, and emotional well-being, while respecting their cultural context and lived experiences

Comment

NutureAI - Culturally Intelligent Health Companion

Inspiration

The spark for NutureAI came from a deeply personal realisation during my work on health applications. I was creating user personas for Kaiser Permanente when I developed "Oluwakemi" - a 34-year-old Nigerian-American woman trying to prevent Type 2 diabetes while honouring her cultural food traditions.

As I researched deeper, a frustrating pattern emerged: every health app was built for the same person - someone who could afford quinoa, had time for hour-long gym sessions, and whose comfort food was already considered "healthy." But real people eat rice and beans because that's what their grandmother taught them. Real people find joy in movement through cultural dances, not just treadmills. Real people heal in community, not in isolation.

The statistics hit hard:

96 million Americans have prediabetes, but most health apps still recommend kale smoothies to people whose healing foods are bone broth and ginger tea

537 million adults worldwide live with diabetes, yet existing solutions ignore the cultural wisdom that's kept families healthy for generations

Oluwakemi deserved better. We all do.

So I knew I had to build something different for the Bolt's Hackathon - health technology that honours where you come from while helping you get where you want to go.

What I Learned

Building NutureAI taught me invaluable lessons about both technology and human connection:

Technical Growth

Full-stack development: This was my first time implementing a complete React + TypeScript + Supabase stack from scratch

Internationalisation: Building multi-language support taught me the complexity of cultural adaptation beyond just translation

Real-time databases: Implementing live waitlist counters with Supabase's real-time features Security best practices: Implementing Row Level Security (RLS) and proper input sanitization

Cultural Sensitivity in Tech

Language matters: Changing from "Health Coaching That Honors Your Heritage" to "Healthy living that fits your life" made the concept more accessible while maintaining the core mission

Representation is crucial: Every design decision needed to consider how it would feel to someone from a different cultural background Avoiding tokenism: The challenge of celebrating diversity without falling into stereotypical representations

Product Development

Simplicity wins: My original spec was incredibly detailed, but the final product succeeded by focusing on core value propositions

User experience over features: The confetti celebration and smooth animations created a more emotional connection than complex feature sets

Validation through action: A real waitlist with 30+ signups taught me more than any theoretical user research

How I Built It

Phase 1: Foundation

Started with create-react-app but quickly switched to Vite for better performance and development experience. Set up the core architecture:

Phase 2: Design System

Implemented a comprehensive design system with:

Glassmorphism effects using Tailwind's backdrop-blur Gradient color palette transitioning from green to blue Cultural sensitivity in visual elements (diverse food emojis, inclusive imagery) Responsive design with mobile-first approach

Phase 3: Backend Integration

Integrated Supabase for real data persistence Row Level Security

Phase 4: Internationalization

Built a complete translation system supporting English, French, German, and Spanish

Phase 5: Polish & Deployment

Performance optimization: Code splitting and lazy loading SEO implementation: Meta tags, Open Graph, Twitter Cards Deployment to Netlify: Continuous deployment from GitHub Testing: Cross-browser compatibility and mobile responsiveness

Challenges I Faced

  1. Cultural Sensitivity Without Stereotyping Challenge: How do you celebrate cultural diversity without falling into harmful stereotypes? Solution: Focused on food traditions and community values rather than visual stereotypes. Used diverse food emojis and inclusive language rather than cultural imagery that might tokenize.

  2. Technical Complexity vs. Time Constraints Challenge: My original spec was incredibly ambitious for a 10-day hackathon. Solution: Ruthlessly prioritized core features. Cut the interactive carousel, simplified the testimonial section, but maintained the essential cultural sensitivity mission.

  3. Real-time Data Without Overengineering Challenge: Wanted live waitlist counters but didn't want to build complex infrastructure. ```Solution: Supabase's real-time subscriptions provided the perfect balance

What Makes NutureAI Special

Unlike generic health apps that treat culture as an afterthought, NutureAI puts cultural intelligence at its core. We're not just translating existing health advice - we're reimagining what health technology looks like when it truly serves everyone. The response has been incredible: 20+ waitlist signups in the first week, with users from 10+ different cultural backgrounds joining our movement.

Phase 2: MVP Development

Building on the marketing site's success, I'm now developing the NutureAI MVP with three core functionalities:

  1. Cultural Onboarding & Authentication

Moving beyond the "Coming Soon" modal to create a comprehensive cultural profiling system: Supabase Authentication: Secure login/registration replacing the waitlist-only approach

6-Step Cultural Onboarding: Deep cultural profiling including health goals, traditional foods, movement preferences, and communication styles

AI-Powered Personalization: OpenAI integration to generate culturally-appropriate recommendations during onboarding

  1. Smart Daily Task Generator

Culturally-Intelligent AI: Tasks like "Take a 10-minute walk while listening to Afrobeats" for West African users Cultural Food Integration: Traditional recipes with health modifications (e.g., "Jollof Rice with brown rice and extra vegetables") Adaptive Scheduling: Tasks that respect cultural celebrations, work schedules, and family responsibilities

  1. Gamified Progress Tracking

Making cultural health engaging: Cultural Badges: Achievements like "Cultural Chef" and "Wellness Warrior" Streak System: Streak tracking with cultural celebration notifications Mood & Progress Insights: Weekly health trends with cultural intelligence and seasonal tips. This MVP in will transform the marketing site's promise of "health that fits your life" into a functional, culturally-intelligent health companion that respects and celebrates users' heritage while supporting their wellness goals.

Built With

Frontend Technologies:

React 18 with TypeScript Vite (build tool and development server) Tailwind CSS (styling and responsive design) Lucide React (icons and visual elements) Canvas Confetti (celebration animations)

Backend & Database:

Supabase (PostgreSQL database) Supabase Auth (authentication system) Supabase Real-time (live data updates) Row Level Security (RLS) for data protection

Development & Deployment:

ESLint (code quality) Netlify (hosting and continuous deployment) GitHub (version control) Responsive Web Design (mobile-first approach)

Key Features:

Multi-language support (English, French, German, Spanish) Dark/Light theme system Real-time waitlist counter Cultural background selection Form validation and error handling SEO optimization PWA capabilities

The Journey Continues: From a marketing concept to a functional MVP that truly honours cultural heritage while promoting sustainable wellness habits.

Built With

Share this project:

Updates