← Back to Home

ICMA - Hadith Chain Analyzer

Since September 2025

A modern web application for analyzing and visualizing Islamic hadith chains (isnad) with advanced AI-powered narrator extraction and interactive chain management

Islamic AppHadith AnalysisAI IntegrationWeb AppScholarshipVisualization

Project Details

Project Type

Web Application

Role

Solo Developer

Tech Stack

Next.js 15React 19TypeScriptTailwind CSSGoogle Gemini AI@dnd-kitMermaid.js

Overview

ICMA (Islamic Chain Analysis) is a modern web application for analyzing and visualizing Islamic hadith chains (isnad) with advanced AI-powered narrator extraction and interactive chain management. Built with cutting-edge technologies including Google Gemini AI for intelligent text analysis and Mermaid.js for beautiful chain visualizations.

Key Features

  • AI-powered narrator extraction using Google Gemini AI
  • Interactive chain management with drag & drop functionality
  • Advanced visualization with Mermaid.js flowcharts
  • Real-time processing with loading indicators
  • Edit mode for chain titles and narrator names
  • Add/remove narrators with automatic renumbering
  • Combined view for comprehensive chain analysis
  • Collapsible cards for better organization
  • Persistent storage with localStorage
  • Full keyboard navigation and accessibility support
  • Mobile-optimized touch-friendly interface
  • Automatic dark/light theme adaptation

Why I Built It

  • To create an intuitive tool for scholars and students studying hadith chains
  • To explore advanced AI integration with traditional Islamic learning
  • To provide beautiful visualizations for complex hadith relationships
  • To serve the Muslim academic community with cutting-edge technology

Visit the actual project at:

Visit ICMA - Hadith Chain Analyzer