Rabbany Ecosystem
Islamic Parenting Education Ecosystem: Nuxt 3 Web, Expo Mobile & AI Agent
Cross-platform ecosystem for parent-child bonding on a single device, featuring interactive story players, digital Quran, Iqra, dzikr, educational games, and an AI agent.
- Role
- Full-Stack & Mobile Engineer
- Year
- 2026
- Production Domain
- rabbany.web.id
Context & Challenge
Families needed an offline-friendly mobile experience seamlessly synchronized with a web CMS, Indonesian payment gateway, and dedicated AI agent services.
Architecture & Solution
Combined an Expo React Native mobile app with a unified Nuxt 3 web monolith (public + admin CMS), a Go API integrated with iPaymu v2 payments, and a Python Hermes Agent service.
Key Implementation Details
- Expo React Native mobile app with 1-device story player, digital Quran, and offline prayer times.
- Unified Nuxt 3 web portal and internal Admin CMS for educational content management.
- Production iPaymu v2 payment gateway integration and MinIO audio/media delivery.
- Dedicated AI companion service (Hermes Agent) exposed via Uvicorn and Nginx.
System Architecture Flow
Expo React Native + Nuxt 3 Unified Web App
Delivers interactive story playback, Quran/Iqra/Dzikr modules, and educational games across web and mobile.
- React Native
- Nuxt 3
- Firebase Messaging
Nginx Unified Multi-Service Proxy
Routes public web, core Go API, and Hermes AI agent subdomains cleanly.
- Nginx
- rabbany.web.id
- api.rabbany.web.id
- hermes.rabbany.web.id
Go REST API + Hermes Python Agent
Handles authentication, subscription checkout, content sync, and AI agent interactions.
- Go
- UUID v4
- iPaymu v2
- Uvicorn
PostgreSQL + MinIO Object Storage
Persists family accounts, payment transactions, and story/recitation audio assets.
- PostgreSQL
- MinIO
Technology Stack
- Nuxt 3
- Expo React Native
- Go
- PostgreSQL
- iPaymu v2
- MinIO
- Python Uvicorn
- Firebase
Next Case Study
05 / Ayok Urban Mobility