Rabbany Ecosystem
Ekosistem Pendidikan Parenting Islami: Web Nuxt 3, Mobile Expo & AI Agent
Platform lintas perangkat untuk aktivitas bonding orang tua dan anak dalam satu ponsel, mencakup cerita interaktif, Al-Quran digital, Iqra, dzikir, gim edukasi, dan asisten AI.
- Peran
- Full-Stack & Mobile Engineer
- Tahun
- 2026
- Domain Produksi
- rabbany.web.id
Konteks & Tantangan
Keluarga membutuhkan pengalaman belajar yang tetap lancar saat offline di ponsel, namun terhubung mulus dengan manajemen konten web, pembayaran lokal, dan layanan agen AI.
Solusi & Keputusan Arsitektur
Menggabungkan aplikasi mobile Expo React Native dengan web terpadu Nuxt 3 (publik + admin CMS), backend API Go berintegrasi iPaymu v2, serta service Python Hermes Agent.
Implementasi & Kapabilitas Kunci
- Aplikasi mobile Expo React Native dengan pemutar cerita 1-HP, Quran digital, dan jadwal sholat offline.
- Web app publik sekaligus Admin CMS berbasis Nuxt 3 untuk pengelolaan materi edukasi.
- Integrasi pembayaran produksi iPaymu v2 dan penyimpanan audio/media di MinIO.
- Layanan agen AI pendamping (Hermes Agent) di subdomain terpisah menggunakan Uvicorn.
Alur Arsitektur Sistem
Expo React Native + Nuxt 3 Unified Web App
Menghadirkan pemutar cerita interaktif, fitur Quran/Iqra/Dzikr/Games di web dan ponsel.
- React Native
- Nuxt 3
- Firebase Messaging
Nginx Unified Multi-Service Proxy
Memisahkan rute web publik, API utama Go, dan layanan AI agent Hermes di domain terstruktur.
- Nginx
- rabbany.web.id
- api.rabbany.web.id
- hermes.rabbany.web.id
Go REST API + Hermes Python Agent
Menangani autentikasi, langganan pembayaran, sinkronisasi konten, serta pemrosesan agen AI.
- Go
- UUID v4
- iPaymu v2
- Uvicorn
PostgreSQL + MinIO Object Storage
Menyimpan struktur akun keluarga, riwayat transaksi, dan aset audio cerita/murottal.
- PostgreSQL
- MinIO
Teknologi yang Digunakan
- Nuxt 3
- Expo React Native
- Go
- PostgreSQL
- iPaymu v2
- MinIO
- Python Uvicorn
- Firebase
Studi Kasus Berikutnya
05 / Ayok Urban Mobility