Bytecrab logo
Contact Us

App for learning Quran

Industry

Edtech, Startup

Service

Mobile App

Technologies

Native IOS & Android

Client location

Saudi Arabia

Period of collaboration

2020-2021

Timeline

4 months
Download Case Study

Short Description

UI/UX Design

Development

Educational

The Holy Quran – is a free, ad-free app designed to make reading, listening to, and understanding the Quran accessible for English-speaking users. It offers a complete English translation alongside optional Arabic text or transliteration, catering to a diverse range of readers.

Problem

The client had an existing Android app, but it suffered from poor code quality, which led to frequent crashes and unreliable functionality. The app’s architecture was difficult to maintain or scale, making it hard to implement new features or fix bugs efficiently. Additionally, the user interface was outdated and unintuitive, resulting in a frustrating user experience.

These issues significantly reduced user engagement and undermined the app’s overall credibility. The client’s goal was to completely rebuild the app to ensure stability, improve usability, and deliver a modern, high-quality user experience.

Business need

Modern Visual Redesign

A fresh, vibrant design was needed to make the game more visually appealing and engaging for users.

Enhance App Performance

The client aimed to optimize the app for smooth, consistent performance across a wide range of devices.

Cross-Platform Expansion

The goal was to bring the improved Android experience to iOS, ensuring feature parity and broader reach.

Boost user Engagement

An in-game achievement system was introduced to increase player motivation, retention, and satisfaction.

Challenges

Migrating from poorly structured legacy code made it difficult to build a stable and scalable foundation.

Ensuring a consistent and intuitive user experience across Android and iOS required careful design and platform-specific adjustments.

Improving performance while keeping the app lightweight and responsive across a range of devices was technically demanding.

Implementing new features like achievements and cloud sync without introducing regressions required thorough testing and QA.

What does the process look like?

The first iteration of the development was to revamp the existing iOS application by adding several features and making a few fixes. We received a list of items that have to be implemented.

To confirm the requirements, we set up several calls with the client. As tasks were not big, there was no need for any complex processes like discovery as this would only increase the budget without any visible benefit for the client. Another part of the analysis was a review of the code quality.

The results of the analysis showed a very bad state of the current application code. The client was informed that the application is not scalable and maintenance of the product would be an issue.

The current changes could be implemented, but in the future the application should have a solid update.

Key features

Convenient Surahs List

Through a special tab in the app, you can find individually numbered lists of all surahs and juzas, allowing users to easily refer to the part of a religious text they are interested in.

Also, it is possible to search for a certain quotation from them. Moreover, all surahs are indexed by chapters, which also facilitates the search. Beside that, it’s possible to create any number of bookmarks and manage them on a special screen

Accessible Audio Listening

Either separately or together, the app can play text in two languages – Arabic and English and, in the first case, there are 9 different voices to choose from. Besides, it memorizes the last fragment played for the listener with the intention of continuing from the same point in the following session.

Preserving Surahs

One of the most important criteria for the app was that it was easily accessible and the lightness of data. The implemented database provided both, while at the same time the end user can handle his saves effortlessly, for a better user experience. With this option, text and audio could be stored simultaneously in different languages.

Displaying Qibla on the Map

In order to perform a prayer, it is necessary to be aware of the direction towards the Kaaba, so the app displays it on the map and estimates the distance, considering the user’s location. Qibla can be both shown on a map and as a compass.

Prayer Tools

Access accurate daily prayer times automatically based on user current location, ensuring timely reminders no matter where they are. Receive customizable prayer notifications to help them stay consistent with their daily prayers.

Convenient home screen widgets provide at-a-glance access to upcoming prayer times, making it easy to stay spiritually connected throughout the day.

Project Success

We helped transform an outdated app into a modern, cross-platform product with a cleaner UI, improved performance, and new functionality — including audio features, smart search, Qibla mapping, and custom widgets.

After launch, the iOS version matched the stability and usability of the Android one, while streamlining the codebase for long-term maintainability.

Today, the app supports over 2 million users worldwide, with features that make daily engagement easier, lighter, and more meaningful.

Building something meaningful?

Let’s talk

More case studies

LogisticsManagementMobile App

Warehouse app suite

Kotlin Native Android

We built a custom Android toolset that helped a UK company reduce errors, speed up dispatch, and eliminate paperwork in their warehousing. Fully offline-ready, works with scanners and label printers, and fits right into their existing (very old-school) system — no backend rebuild needed.

Read Case Study
Warehouse app suite Warehouse app suite
HealthcareStartupMobile App & PWA

Rheo

Flutter

Rheo needed a simple, solid way to present their real-time vitals platform to hospitals. We built a mobile app that makes their tech easy to understand — clean UI, smooth performance, and real data demo support.

Read Case Study
Rheo Rheo
HealthcareStartupMobile App

Laxiba

Native IOS & Android

We built a mobile app that helps people with food intolerances avoid ingredients that cause trouble. No accounts, no data collection — just fast scanning, smart filters, and a clean UI that works offline too. Custom diet profiles, alert system, and even a demo mode for new users.

Read Case Study
Laxiba Laxiba
eCommerceEntertainmentLifeStyleMobile App & PWAWeb

The Cultivist

Flutter Laravel Nuxt Vue.js

We built a PWA and Flutter app for The Cultivist — with digital membership cards, event filters, Salesforce integration, and strong geo-based personalization. The platform now works seamlessly across devices and supports their growing global user base.

Read Case Study
The Cultivist The Cultivist

Tell us more about yourself

Extensions: .pdf, .doc/.docx, .ppt/.pptx, .xls/.xlsx
ByteCrab in numbers
12+

years solving real-world tech challenges

150+

products shipped and scaling

20+

countries where our clients run and grow their products

USM logo Vodaphone logo Cultivist logo Galka IF logo

Project inquiries

hello@bytecrab.com

Phone number

+38 095 537 6119