KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

Muddakir

★ 5 Open GitHub ↗

An app designed to help non-arabic speakers understand the Quran

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Muddakir 📗

An app designed to help non-arabic speakers understand the Quran

## Process and Goal 💪

Muddakir was designed to help a huge population of non-Arabic speakers that can read the Quran in Arabic but are not able to understand its meaning.

I started developing it in April 2023 during Season 2 of Buildspace's N&W program. The project was initialised using the [T3 Stack](https://create.t3.gg/). The mock designs for the project are done on [excalidraw](https://excalidraw.com/) and then implemented using NextJS and TypeScript. The project is deployed on [Vercel](https://vercel.com/).

I am actively developing this project and my favourite part so far has been the Apply mode where you are tasked with translating a passage of the Quran word by word. I implemented a drag-and-drop feature alongside highlights on the Arabic text, depending on whether the user has already translated, is translating, or has not translated the word. I believe this greatly improves the experience of the user.

## Tools ⚒️

- NextJS, TypeScript, TailwindCSS, tRPC, Shadcn UI
- ClerkAuth
- Prisma, PlanetScale

## Demos 🎥

### Apply Mode
![apply](https://github.com/moinbukhari/muddakir/assets/56733483/fc6f7436-15d6-4bc3-8c57-d451d8ac584f)

### Quiz Mode
![quiz](https://github.com/moinbukhari/muddakir/assets/56733483/c50bcf61-1baa-4d38-9c1c-fcbacc8cca3b)

### Vocab Mode
![vocab](https://github.com/moinbukhari/muddakir/assets/56733483/db8be191-7ff7-46e8-b12d-19cf06ada4bc)

Muddakir

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README