Introduction

Abjad Calculator is a lightweight React application that converts Persian and Arabic words or sentences into their corresponding Abjad numerical values. The application calculates the value of each character based on the traditional Abjad numeral system and displays the final result instantly.

Features

• Instant Calculation: Convert text to its Abjad value in real time.
• Persian & Arabic Support: Works with both Persian and Arabic characters.
• Responsive Design: Optimized for desktop and mobile devices.
• Simple Interface: Clean and user-friendly UI.
• Fast Performance: Built with Vite for a smooth development and user experience.

Technical Details

• Frontend: React
• Build Tool: Vite
• Styling: Tailwind CSS
• Logic: JavaScript
• UI: HTML & CSS

Challenges

The main challenge was correctly mapping every Persian and Arabic character to its corresponding Abjad value while handling unsupported characters, spaces, and punctuation. A custom lookup table was implemented to ensure accurate calculations.

Outcome

This project demonstrates how traditional numerical systems can be combined with modern web technologies. It provides a fast, simple, and educational tool for anyone interested in the Abjad numeral system while showcasing React fundamentals and efficient state management.