Full-Stack JavaScript EngineerAvailable for ProjectsReact • Next.js • Node.js • TypeScript • GolangFull-Stack JavaScript EngineerAvailable for ProjectsReact • Next.js • Node.js • TypeScript • GolangFull-Stack JavaScript EngineerAvailable for ProjectsReact • Next.js • Node.js • TypeScript • Golang

Health Tech Research

Neuro Health

A research-driven mobile health companion helping Indonesian students understand sodium intake, activity habits, and hypertension literacy through AI coaching.

Year

2026

Status

Research / Private

Platform

iOS & Android (Expo)

Role

Full-stack Mobile Developer

Timeline

2026

Collaboration

Research product team

Tech

Expo Router, React Native, TypeScript, Express, Supabase, MiniMax AI, Zustand, TanStack Query

Project Overview

Neuro Health is a mobile application built for an academic study on AI coaching, sodium diet behavior, physical activity, and hypertension literacy among Indonesian high-school students.

  • Daily health score combines sodium, activity, reminders, and education progress.
  • Students can log food and receive automatic sodium estimates.
  • Physical activity tracking supports step goals and weekly charts.
  • MiniMax-powered AI coach provides personalised guidance within backend rate limits.

The Challenge

Health research software must balance clear behavioral guidance, safe AI responses, privacy-sensitive data handling, and a mobile experience that students can use consistently.

  • Nutrition data must be simple enough for students but structured enough for research.
  • AI coaching needs guardrails, limits, and predictable backend behavior.
  • Education flows must support pre/post-test literacy measurement.
  • Mobile reminders should encourage consistency without overwhelming users.

The Solution

A TypeScript monorepo with an Expo mobile app, Express API, Supabase backend, and MiniMax AI integration for guided health coaching.

  • Expo Router powers the mobile experience with native-feeling navigation.
  • Supabase stores auth, profile, diet, activity, quiz, and education data.
  • Express API centralizes AI coach calls, validation, rate limiting, CORS, and security headers.
  • Zustand and TanStack Query separate local UI state from server state.

Visual Journey

Mobile Health UX Direction

The app needed to translate clinical hypertension literacy goals into a calm, student-friendly mobile flow that supports daily habit formation.

  • Dashboard-first experience for quick daily progress checks.
  • Clear sodium warnings grounded in WHO guidance.
  • Education and quiz flows designed for high-school comprehension.
  • AI coach interactions constrained by rate limits and safety-focused messaging.

Responsive & UX System

Breakpoints

  • Mobile-first Expo screens for high-school users
  • Charts and dashboards tuned for phone-sized reading

Interactions

  • Daily reminders and progress feedback reinforce habit formation
  • AI chat flow keeps guidance accessible without leaving the app

Accessibility

  • Readable health indicators and warning text
  • Simple navigation for repeat daily use

Tech Stack

Mobile

Expo RouterReact NativeReact 19ZustandTanStack Query

Backend

Node.jsExpressTypeScriptZodHelmetCORS

Data & Auth

SupabasePostgreSQL

AI & Tooling

MiniMax Text APIVitestGitHub Actions

Infrastructure

Hosting

Private research deployment

Backend

Express TypeScript API

Database

Supabase PostgreSQL

Storage

Supabase-managed data

Monitoring

Backend health check and test suite

Key Features

Daily health dashboard

Shows a student-friendly summary of health score, progress, and reminders.

Turns research indicators into a practical daily check-in loop.

Sodium diet tracking

Students can log food and receive sodium estimates with WHO-based warning thresholds.

Makes diet behavior visible and actionable.

Physical activity monitoring

Pedometer and weekly charts help students understand movement habits over time.

Supports lifestyle intervention beyond nutrition alone.

Hypertension education and quizzes

Articles and pre/post-test quizzes measure and reinforce hypertension literacy.

Connects learning outcomes directly to app usage.

AI coach

MiniMax-powered coach provides personalised guidance through a controlled backend endpoint.

Adds conversational support without exposing AI keys or uncontrolled client calls.

Process

  1. 01Research mapping

    Translate study goals into product flows

    Mapped sodium behavior, activity tracking, education content, and literacy measurement into mobile modules.

    • Feature map
    • Data requirements
    • Research-aligned user flows
  2. 02Mobile and API build

    Implement app and backend foundations

    Built the Expo app, Express API, Supabase schema, and AI coach integration around typed contracts.

    • Mobile screens
    • API routes
    • Supabase migration
  3. 03Safety and validation

    Harden AI and health-data boundaries

    Added validation, rate limits, security middleware, and testable backend boundaries for sensitive flows.

    • AI rate limiting
    • Health check endpoint
    • Backend tests

Deliverables

Expo mobile application

Student-facing mobile app for dashboard, diet, activity, education, quiz, and AI coach flows.

Express backend API

Typed API layer for Supabase data access, validation, security middleware, and MiniMax AI calls.

Supabase schema

Database migration for auth-connected research app entities.

Research-ready app structure

Monorepo layout with backend, mobile app, docs, scripts, and specs.

Outcomes

6 modules

Core app areas

Dashboard, diet, activity, education, quiz, and AI coach.

2000 mg/day

Sodium threshold

WHO-based sodium warning target surfaced in the app.

2 apps

Workspace packages

Expo mobile app plus Express backend.

SEO & Performance

Performance

  • Keep mobile screens responsive under repeated tracking flows
  • Avoid exposing AI calls from the client

SEO

  • Private research product; public write-up focuses on technical and product process

Technical checks

  • Backend typecheck and Vitest support API reliability
  • Health endpoint validates backend availability

Extended Narrative

Neuro Health turns a hypertension-literacy research program into a student-facing mobile product: daily sodium and activity tracking, structured education and quizzes, and MiniMax-guided coaching behind rate-limited Express APIs and Supabase-backed data.

The app is private to the study—no public repo or live demo—but the case study documents how research constraints (safety, privacy, adolescent UX) shaped the Expo, TypeScript, and backend design choices outlined in the sections above.

Building health-tech or research software?

Neuro Health shows how I approach sensitive mobile workflows, AI integration, and research-aligned product design.