PersonalPublic2024

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.

Wardi

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.

Role

Full-stack Developer

Year

2024

Status

Public

Type

Personal

Technology Stack

Node.jsExpressMongoDBReactTailwind CSS

Project Story

The Challenge

Building a reliable, fast and accessible Quranic platform with precise Arabic typography and comprehensive Tafsir data.

The Approach

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.

The Outcome

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.