Word Search
Find words with match modes: exact, contains, startsWith and endOfAyah.
Back to Featured Work
Case Study · Ghadr
Building a Specialized Search & Analysis Web Application
قدر is a Persian RTL web application for structured search and exploration of Quranic Arabic text.
Live Project
Data-Intensive Web App
Live site link coming soon.
Project Overview
What This Product Is
A specialized search and analysis web application — built as a real digital product around the structure of the text, not as a brochure website.
Project
Ghadr / قدر
Type
Specialized Search & Analysis Web Application
Primary Experience
Quranic Arabic text search and exploration
Interface
Persian RTL
Technology
The Challenge
Searching Complex Text Requires More Than a Search Box.
The application is designed for structured exploration of Quranic Arabic text, allowing users to search and move between words, roots, ayahs and related results — with an interface built for Persian RTL reading and navigation.
Words
Roots
Ayahs
Related forms
Search results
One Exploration Workspace
The Solution
A Search Experience Built Around the Structure of the Text.
Ghadr combines Quranic search, word search, root search, multi-word search, root exploration, ayah detail and word analysis — presented through a Persian RTL interface designed for exploration rather than static content browsing.
Quranic Search
Word Search
Root Search
Multi-word Search
Root Explorer
Ayah Detail
Word Analysis
Persian RTL UI
Key Capabilities
Live UI Features
These capabilities are available in the current user interface. Additional backend search types exist but are not exposed as live UI options yet.
Root Search
Search by root and continue into deeper root exploration.
Multi-word Search
Search for multiple terms appearing together in the same ayah.
Root Explorer
Explore lemmas, forms and related ayahs connected to a root.
Ayah Detail
Open an ayah with navigable word tokens for further exploration.
Word Analysis
Inspect word-level analysis context within the exploration workspace.
Coming soon / backend capabilities — present in API layers, not currently available in the public UI:
Lemma Search
Backend endpoint exists; UI marks this as coming soon.
Letters Search
Backend endpoint exists; UI marks this as coming soon.
Letter Combination
Backend endpoint exists; UI marks this as coming soon.
Advanced Multi-condition Search
Server route exists; no dedicated frontend search UI yet.
User Experience
An Exploration Workspace
Visitors move from search into connected views — ayah, word and root — so the product feels like a research workspace rather than a linear content site.
Home
Choose Search
Search Results
Ayah
Word
Root Explorer
Word
Forms and analysis entry points
Root
Morphology-aware exploration hub
Ayah
Full verse context with word links
Data / Architecture
Built for Structured Text Data
The React frontend communicates with an Express API. Prisma maps a PostgreSQL schema designed around Quran and morphology entities. Quran text is imported from external sources and is not stored in the application repository.
React Frontend
Express API
Prisma
PostgreSQL
Quran / Morphology Data
Conceptual entities
Surah
Ayah
Word
WordOccurrence
MorphologyAnalysis
MorphologySegment
Letter
WordLetter
Technical Highlights
Technology Supporting the Experience
The stack supports the product experience — search, navigation and morphology-aware data — without becoming the main story.
React + TypeScript
React Router
Vite
Tailwind
Express
Prisma
PostgreSQL
RTL Typography
Morphology-aware data model
Live Project
Explore the Real Product
Ghadr is the actual project — a working digital product, not a fabricated portfolio mockup. The public live-site link will appear here once configured.
Visit Live SiteLive site link coming soon.
Have a Specialized Digital Product in Mind?
From domain-specific search tools to data-intensive web applications, STAR313 builds custom systems around the way your product actually works.
Start a Project