Wardi
This project was initiated to solve specific technical and domain challenges. Building a reliable, fast and accessible Quranic platform with precise Arabic typography and comprehensive Tafsir data.

About This Project
Building a reliable, fast and accessible Quranic platform with precise Arabic typography and comprehensive Tafsir data.
Implemented a robust REST API for serving verses and audio, built a React frontend optimised for readability and fast navigation, and added cloud sync and personalisation features.
Created a modern, open‑source Islamic resource platform accessible to anyone.
Full-stack Developer
2024
Public
Personal
Technology Stack
Project Story
Building a reliable, fast and accessible Quranic platform with precise Arabic typography and comprehensive Tafsir data.
Implemented a robust REST API for serving verses and audio, built a React frontend optimised for readability and fast navigation, and added cloud sync and personalisation features.
Created a modern, open‑source Islamic resource platform accessible to anyone.
Insights & Takeaways
Highlights
- Case study content natively baked into the project dataset.
- Clear storytelling built around the specific problems faced and the technologies used.
Challenges
- Strict focus on performance and maintainability.
- Selecting standard tools to ensure scalability: Node.js, Express, MongoDB, React, Tailwind CSS
- Implemented a robust REST API for serving verses and audio, built a React frontend optimised for readability and fast navigation, and added cloud sync and personalisation features.
Lessons Learned
- Created a modern, open‑source Islamic resource platform accessible to anyone.