Wali Tahfiz

Wali Tahfiz helps parents guide their children’s Qur’an memorization with simple daily goals, gentle reminders, verse-by-verse practice, and progress tracking—all in one calm, family-friendly app.

Comment

Inspiration

As a parent of two young children, Said (4.5 years old) and Sumayyah (3 years old), I wanted to make Qur’an memorization part of our everyday family life.

Some days, practice is easy. Other days, the children are tired, distracted, or simply not in the mood. I realized that I needed a simple way to guide them without creating pressure. That became the inspiration for Wali Tahfiz: a calm companion for parents and children to take small steps together.

What It Does

Wali Tahfiz helps families practice Qur’an memorization through short, guided sessions:

  • Listen to a verse
  • Repeat it together
  • Connect it with the verses before and after it

Parents can create profiles for each child, set memorization targets, listen to recitations, track progress, and review previously memorized verses.

The app also gives gentle daily suggestions based on the child’s progress and mood. It focuses on Al-Fatihah and Juz 30 for now.

How We Built It

Wali Tahfiz is a React and Vite Progressive Web App (PWA).

We used React, Tailwind CSS, Dexie, and IndexedDB. Family data is stored locally on the device by default, with export and import backups available. Qur’an text, translations, and audio come from public Qur’an services.

The app also includes an optional AI Memorization Companion. The AI gives one short, gentle suggestion while the core experience continues to work without an AI connection.

Challenges We Ran Into

  • Adapting to Child Rhythms: Building a flexible flow for 5-minute sessions, short attention spans, and off-days without making practice feel like homework.
  • Keeping UX Calm & Minimal: Designing an intuitive interface that serves parents as a guide without forcing screens on young children.
  • Architectural Trade-offs: Choosing a local-first approach (IndexedDB/Dexie) to simplify development and completely eliminate cloud privacy risks for children's data.

Accomplishments That We're Proud Of

I am proud that Wali Tahfiz grew from a personal family need into a complete working app. It now includes:

  • A Listen → Repeat → Connect practice flow
  • Review phase by guessing the next verse
  • Separate profiles for children
  • Qur’an audio and verse-by-verse practice
  • Spaced reviews at 1, 3, 7, 14, and 30 days
  • Daily memorization suggestions
  • Local data storage and backup
  • Bahasa Indonesia and English support
  • Light and dark themes
  • An installable PWA experience

What We Learned

Building this app with Said and Sumayyah in mind taught me that consistency matters more than intensity. A few calm minutes can be more valuable than a long session that leaves everyone frustrated.

I also learned that a family learning tool needs to be flexible. Children do not learn at the same speed every day, so the app should support the family’s rhythm instead of forcing one.

From an engineering perspective, choosing a local-first architecture with IndexedDB allowed us to streamline development and eliminate cloud overhead while guaranteeing total data privacy for families.

What's Next for Wali Tahfiz

Next, I want to add more surahs, improve progress insights, support better offline audio, and test the app with more families.

I also hope to explore optional ways for parents and teachers to share progress while keeping children’s data safe.

Our Goal: Make the journey with the Qur’an peaceful and fun, so memorization happens naturally as a joyful bonus.

Built With

  • indexeddb
  • lucide-icon
  • react
  • tailwind
  • vercel
  • vite
Share this project:

Updates