📖

Qur'an Word Add-in

Insert Qur'ān verses & translations in Word with one click.

Tech Stack

TypeScriptReactOffice.jsAzure Static Web AppsTailwind CSS

About

A Microsoft Word add-in that enables users to seamlessly insert Qur'ān verses with translations directly into their documents. Built with modern web technologies and deployed on Azure, this tool serves students, teachers, and researchers who frequently work with Qur'ānic text.

Key Features

✓Search verses by surah and ayah number
✓Multiple translation options
✓One-click insertion with Arabic text and translation
✓Responsive design optimized for Word's task pane
✓Automatic formatting and styling

Challenges

Working with Office.js API limitations and ensuring compatibility across Word versions.

What I Learned

Deep dive into Microsoft Office Add-in architecture and Azure Static Web Apps deployment.