Bytecrab logo
Contact Us

App for learning quran

Industry

Educational

Service

Mobile app

Technologies

Flutter, SWIFT

Client location

Saudi Arabia

Period of collaboration

2020-2021

Timeline

4 months
Download Case Study

Project Overview

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.

Building something meaningful? Let’s talk

Technology stack

Flutter

Flutter

One codebase for iOS, Android, and web. Fast UI, native performance, fewer headaches.

Swift

Swift

Native iOS apps with high performance, smooth UI, and full Apple ecosystem support.

Firebase

Firebase

Backend-as-a-service with real-time database, auth, hosting, and cloud functions.

Laravel

Laravel

Modern PHP framework for scalable backends, clean APIs, and rapid web development.

Figma

Figma

Collaborative design tool for UI/UX, prototyping, and handoff — all in the browser.

Photoshop

Photoshop

Industry-standard tool for image editing, graphic design, and digital composition.

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.

Our works

HealthcareStartup

Laxiba

Native IOS & Android Germany

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
LifeStyleSocial AppStartup

Ziroop

Flutter Germany

Ziroop came to us with a vision: connect partygoers through shared music experiences. We built their MVP — a mobile-first platform with event-based audio streaming, user matchmaking, and admin tools. Fast to market, easy to scale, ready for feedback from real users.

Read Case Study
HealthcareStartup

Period & Fertility Tracking App

Native iOS Flutter Germany

A German femtech startup asked us to step in when their app stopped syncing with a biosensor device. We fixed the issue fast, kept their brand features intact, and added content delivery and retry logic — helping them retain users and avoid further disruption.

Read Case Study

Tell us more about yourself

Extensions: .pdf, .doc/.docx, .ppt/.pptx, .xls/.xlsx
CEO of Bytecrab

Stanislav Kuznietsov

CEO
Schedule a call
Your steps with ByteCrab
  • Tell us more about your business need
  • Get a step-by-step roadmap
  • Receive a production-ready solution
  • Grow your business with our help!