Dua & Dhikr Platform

One connected ecosystem for delivering structured dua and dhikr content through a Flutter mobile app and managing that content through an authentication-protected Next.js administration interface.

FlutterDartNext.jsReactTypeScriptSupabasePostgreSQL

Abstract architecture showing mobile and administration interfaces connected to a shared database

Context

The Problem

Dua and dhikr content needed a structured delivery experience for mobile users and a separate, protected workflow for maintaining content without treating the app and administration dashboard as disconnected products.

System flow

Architecture

Next.js Admin Dashboard

Flutter Mobile App

Supabase

PostgreSQL

Implementation

Engineering

Built a Flutter application for Android and iOS with configurable and target-based dhikr counters, haptic feedback, and a Qibla compass.
Implemented content visibility controls and database-driven display ordering for dua and dhikr content.
Designed an offline caching strategy for mobile content access.
Connected the mobile application and Next.js administration interface to a shared PostgreSQL backend through Supabase.
Built authentication-protected search, pagination, and CRUD workflows for content management.

What required care

Challenges

Keeping mobile content useful offline while retaining a database-driven source of truth.
Coordinating visibility and display ordering across the mobile and administration experiences.
Keeping content-management operations behind an authenticated dashboard.

Technology

Stack

Status: Personal Project

FlutterDartNext.jsReactTypeScriptSupabasePostgreSQL