Inspiration
Many of our close friends are practicing Muslims, and we noticed a gap in mobile experiences that make daily religious practices engaging and accessible. Inspired by the success of Duolingo and habit-tracking apps, we created Hadi—a charming camel companion 🐪 who guides users through prayers, dhikr, and Qur’an lessons. 🌙📱 We built Hadi to support our friends and the wider Muslim community in their daily spiritual journeys.
What it does
Hadi breaks down core aspects of Islamic practice into bite-sized lessons with audio guidance, interactive quizzes and reminders. Users earn streaks and health points for consistent practice, unlock achievements, and receive gentle nudges to stay on track. The app also uses a "camel health" mechanic: each missed prayer reduces your camel’s energy, encouraging you to keep him healthy by maintaining your own habits.
How we built it
We built Hadi as a cross-platform app using React Native with Expo and TypeScript, ensuring a consistent experience on iOS and Android. We designed the UI in Figma to ensure a friendly, gamified feel. We integrated RevenueCat to handle subscriptions and in-app purchases for premium content, and
Challenges we ran into
Balancing gamification with respectfulness to Islamic practices was challenging; we iterated with community feedback to ensure features felt encouraging rather than trivial. Implementing accurate prayer time calculations offline, and ensuring our camel animations were lightweight yet expressive, were also challenging.
What’s next
We plan to expand the content library (supplications, Arabic basics), introduce social features (groups and leaderboards), and localize the app for non-English speakers. We’re also exploring a “live prayer coach” mode using voice recognition to provide feedback on recitation.
Built With
- al-quran-cloud-api
- aladhan-api
- dart
- expo-notifications
- expo.io
- firebase
- graphql
- onesignal
- openai-gpt-4
- react-native
- revenuecat
- rive
- supabase
- typescript
- zustand
Log in or sign up for Devpost to join the conversation.