Tajweed-Recognition

Extracting Arabic Characters from a document file or an image file, and generating Tajweed Colors from extracted text.

Web App URLs:

• tajweed-recognition.vercel.app
• tajweed-recognition.pages.dev

Screenshots:

Features:

• Recognize Arabic Characters from captured image
• Recognize Arabic Characters from screenshot with Share Screen
• Read Arabic Text from imported image, docx, and PDF formats
• Colorize Tajweed Laws from Arabic Characters
• Show tooltip and detail info about selected Tajweed
• Show colored guidelines of generated Tajweed Laws
• Edit and Manually Input for Arabic Text
• Dark Mode
• Localization to change App Languages (English and Indonesia)
• Tajweed display settings (Colorization Mode, Waqf Setting Options, and Tajweed Setting Options)
• Change displayed font size and line spacing
• Download generated Tajweed Laws into a DOC or PDF file
• Tajweed list items with its groups
• Search Tajweed items
• Detail Tajweed item

Tech Stacks:

• React JS Library with Vite build tool
• Tailwind CSS
• Headless UI
• Animate CSS
• i18next
• React-to-Print
• Mammoth DOCX Reader
• React Dropzone
• React PDF.js Reader
• React Slick Carousel
• React Router
• Sweet Alert 2
• Tesseract JS
• Vite Plugin PWA

Additional Resources:

• Logo: Bing Ai
• Images Stock: Google Icon & Pixabay

Notes:

This Tajweed Recognition App is still far from perfect and still in development. Therefore it may still contain any unknown bugs. Please feel free to report in issues page of this repository if you found any bugs.