Back to All Projects
Showcase/Religious
Case Study / 20
DailyQuranQu
Quran application with quick navigation, tahlil, daily prayers, and prayer schedule using public API.
RoleFront-End Developer
Timeline2024
CategoryReligious
Core Stack
Vue.jsPinia
[ 01 / The Challenge ]
Understanding the Problem & Core Constraints
DailyQuranQu is an Islamic study companion. It features dynamic Arabic text rendering, quick audio plays, translation toggles, and localized prayer times.
Key Constraint
Rendering massive lines of complex Arabic typography and aligning page views correctly without freezing the browser during scrolling.
[ 02 / The Solution ]
Architectural Decisions & Core Implementation
Implemented dynamic component rendering lists, optimizing fonts load, caching surahs locally in memory.
[ Performance & Results ]
1.
Seamless scrolling over thousands of ayahs
2.
Immediate offline access to cached surahs
3.
Localized prayer times within 1s
Continue ReadingNext Project — 21