Overview
Mutaba is my own product — a complete Islamic daily companion that helps Muslims build consistent worship habits. It brings the essentials of a Muslim’s daily spiritual routine into one beautiful, fast app: the Holy Quran, accurate prayer times, an ibadah tracker, the Qibla compass, Ramadan tools, and more.
Mutaba is available free on Android via Google Play and on any browser through the web app, with an iOS build currently in beta. Learn more at mutaba.net.
Key Features
- Prayer Times: Accurate schedules based on your location, powered by the AlAdhan API, with a countdown to the next prayer and adzan notifications. Choose from seven authentic adzan sounds — including recordings from Makkah, Madinah, and Al-Aqsa.
- Ibadah Tracker: Track obligatory and sunnah prayers, fasting, and Quran reading (tilawah). Daily and monthly consistency scores with visual statistics keep you motivated.
- Al-Quran Digital: Read all 114 surahs with beautiful Arabic text, Latin transliteration, and Indonesian translation — in a classic Mushaf view or a modern list view, with dark reading themes.
- Ramadan Calendar: A full Ramadan companion with sahur and iftar countdowns, a customizable daily worship checklist, imsakiyah schedules, and progress tracking.
- Qibla Compass: Find the Qibla direction from anywhere using device sensors and location.
- Haramain Audio: Listen to live prayers and tarawih recordings from the Grand Mosque of Makkah and the Prophet’s Mosque of Madinah, with background audio playback.
- Doa & Dzikir: A curated collection of daily supplications and remembrances for morning, evening, and beyond.
- Digital Tasbih: A simple, haptic-enabled dhikr counter that keeps your sessions.
- Hijri Calendar: Stay aligned with the Islamic calendar alongside your daily schedule.
- Zakat Calculator: Calculate your zakat accurately in a few taps.
- Islamic Articles & Personal Notes: Read curated Islamic articles and keep private spiritual journal notes.
- Quick Menu & Dark Mode: A fast-access menu for daily essentials and a carefully crafted dark theme throughout the app.
Technology Stack
- Mobile App: Built with React Native and Expo SDK in TypeScript, using expo-router for file-based navigation and Reanimated for smooth 60fps interactions. Local data is stored with expo-sqlite for an offline-friendly experience, and expo-notifications delivers prayer reminders with custom adzan audio. Location, sensors, and audio are handled through Expo’s module ecosystem, with privacy-friendly analytics via Aptabase.
- Backend/API: A Bun monorepo running Hono — a lightweight, fast HTTP framework — with Drizzle ORM on PostgreSQL for typed, migration-safe data access. Authentication is handled by better-auth, request validation by Zod, and file uploads go through AWS S3 with presigned URLs.
- Jobs & Notifications: Redis with BullMQ powers background queues that fan out prayer-time reminders through expo-server-sdk (push) and the Web Push protocol, using per-user schedules.
- Web Platform: The app also runs in the browser at app.mutaba.net, and an admin dashboard is built with React 19, Vite, and Tailwind CSS using Radix UI primitives.
- Landing Page: The marketing site at mutaba.net is a statically generated Astro site with per-feature SEO pages for every capability of the app.
System Architecture
- Monorepo Backend: A single Bun workspace contains the Hono API and the React dashboard, sharing types and auth between packages to keep the surface area small and deployments simple.
- Typed End-to-End: Drizzle ORM schemas double as the source of truth for database migrations, with Zod schemas validating every API boundary.
- Queue-Based Notifications: Prayer reminders and push campaigns are scheduled into BullMQ jobs rather than request handlers, so notification delivery stays reliable and doesn’t block the API.
- Offline-First Mobile: Core content such as the Quran and adzan collections is cached locally with SQLite, keeping the app fast and usable on poor connections.
My Role
Mutaba is a fully solo project — I own everything from idea to production:
- Product & Design: Defined the feature set, information architecture, and the warm, calm visual language of the app across mobile, web, and landing page.
- Mobile Development: Built the entire React Native + Expo app, including the offline Quran reader, ibadah tracker, Haramain audio streaming, and the notification pipeline with seven selectable adzan sounds.
- Backend Development: Designed the database schema, auth, file uploads, and the queue-based notification system on Bun + Hono + PostgreSQL + Redis.
- Web & SEO: Shipped the Expo web build at app.mutaba.net and a statically generated Astro landing page with per-feature SEO pages.
- Release & Operations: Handles the Google Play release process, over-the-air updates via expo-updates, and monitoring/analytics with Aptabase.
Download & Links
- Google Play: play.google.com/store/apps/details?id=com.sipamungkas.mutaba
- Web App: app.mutaba.net
- Landing Page: mutaba.net
