Tajweed-Recognition

Recognizing Arabic Characters from an image and generating Tajweed Colors from recognized 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 setting
• 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
• JSPdf with auto table and html2canvas
• Mammoth DOCX Reader
• React Dropzone
• React PDF.js Reader
• React Slick Carousel
• React Router
• Sweet Alert 2
• Tesseract JS
• Vite Plugin PWA