Fellowship Project2024
Quran Player
Modern Quran audio player with multiple reciters, clean interface, and smooth streaming. Built with Redux Toolkit and TypeScript.
Overview
A fellowship project born from noticing how outdated most Quran apps looked despite millions of daily users. This player focuses on the listening experience — browse reciters, play surahs, with a clean responsive interface. Redux Toolkit handles the async complexity of audio state management. Sometimes the best projects serve underserved communities.
Role
Solo builder in a mentorship-driven environment, focused on practical product execution.
Scope
Designed and shipped the full feature set while improving architecture and code quality decisions.
Technologies
React.jsTypeScriptRedux ToolkitTailwind CSS
Key Learnings
- Asynchronous state management with Redux Thunk
- TypeScript integration
- Audio streaming UI patterns
Challenges & Solutions
- Finding a reliable API with synchronized ayah-level audio timestamps across multiple reciters
- Optimizing audio streaming performance to minimize buffering on slower connections
- Understanding domain-specific requirements for Quranic audio apps (tajweed markers, verse boundaries)
Business Impact
- Improved delivery quality through asynchronous state management with Redux Thunk.
- Improved delivery quality through typeScript integration.
- Improved delivery quality through audio streaming UI patterns.
Outcome
- Shipped Quran Player as a complete, usable product experience.
- Strengthened reliability and maintainability through real implementation constraints.
- Created a reusable foundation for future iteration and feature expansion.
Want similar delivery?Schedule a Call