Simple Web app to learn words used in the Quran.
Check it out here: https://quran-words.up.railway.app
- Navigate to a specific verse and see the words, their meanings and parts of speech.
- Get all occurrences of a word root
- See frequency of words and list all occurrences, filter the verses by taraweeh night
/app/verses/<suraNum>/<ayahNum>?word_index=<wordIndex> Navigates to the <ayahNum> of sura: <suraNum> and shows word analysis for word at <wordIndex>
Can be used to Select a sura from list of sura. Selection will navigate to the ayah 1 of that sura. Ayah can be selected from dropdown as well.
↑ ↓ To navigate between the prev / next ayah of a selected sura
← → To navigate between the words in a verse
Click on the root from the Word information table to get all occurrences of that root in the Quran
- FastAPI for Backend
- React for Frontend
- Sqlite for databases
Build the docker images and run the server and client containers
docker compose -f "docker-compose.yaml" up -d --build
browse http://localhost:3000/app
Exec into the client container for typecheck, lint and prettify code
- Typecheck and lint:
yarn build - Prettify code:
yarn prettify
Exec into the shell of the server container for lint, typecheck and test
- Lint:
make lint - Typecheck:
make typecheck - Test:
make test - Format:
make format
- https://gtaf.org/apps/quran for the databases
- https://quran.com for cool css styles and sura name list
- https://app.memrise.com/course/199902/80-of-quranic-words-nouns-and-verbs/ for the collection of 80% quranic words