git404hub

what is tadabbur fr?

fahreziadh/tadabbur — explained in plain English

Analysis updated 2026-05-18

17SvelteAudience · generalComplexity · 2/5Setup · easy

tl;dr

An offline-first Quran reading app with English and Indonesian translations and commentary, built for calm, focused study in a minimal three-pane interface.

vibe map

mindmap
  root((repo))
    What it does
      Quran reading app
      Translations and tafsir
      Offline-first design
    Tech stack
      SvelteKit
      Tailwind CSS
      Cloudflare Workers
    Use cases
      Read with translation
      Study with tafsir
      Focus mode reading
    Audience
      General readers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Read a Quran chapter with English or Indonesian translation and commentary side by side.

VIBE 2

Switch between light, dark, and system themes while reading, with a focus mode for Arabic-only reading.

VIBE 3

Run the data fetch script yourself to verify or refresh the underlying Quran text and translations.

what's the stack?

SvelteKitSvelte 5Tailwind CSSCloudflare WorkersConvex

how it stacks up fr

fahreziadh/tadabburtakalahiro/my-second-brain1cobanov/autocut
Stars171821
LanguageSvelteSvelteSvelte
Setup difficultyeasyhardeasy
Complexity2/52/5
Audiencegeneraldevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Uses bun for install and local development, Cloudflare deployment needs a Cloudflare account.

in plain english

Tadabbur is an app for reading and reflecting on the Quran, built for people who want a calm, focused reading experience rather than a feature heavy app. It shows each chapter, called a surah, alongside English and Indonesian translations and commentary, called tafsir, in a simple three panel layout designed to work offline once loaded. The Quran text and translations are prepared ahead of time and stored as static files, so reading the scripture itself does not require any server calls once the data is downloaded, which keeps the app fast and privacy friendly. A backend service is planned for a future version to handle personal notes, bookmarks, and syncing reading progress across devices, but that part is not built yet according to the project's roadmap. The translations and commentary come from established sources: the Arabic text uses the standard Uthmani script, the English translation is the well known Saheeh International version, and the Indonesian translation and one of the commentaries come from Indonesia's Ministry of Religious Affairs. A second English commentary is an abridged version of a classical commentary, and a second Indonesian commentary comes from a different scholarly source. A script in the repository handles fetching and verifying this data, checking that the full set of 114 chapters and 6236 verses is present before anything is used. Users can switch the entire interface, including which translation and commentary are shown, between English and Indonesian with a single language setting. The app also offers light, dark, and system color themes, a choice of four Arabic typefaces including the official Madinah mushaf font, adjustable Arabic text size, and a focus mode meant for reading the Arabic text without distraction. It is built with SvelteKit and runs on Cloudflare's hosting infrastructure.

prompts (copy fr)

prompt 1
Help me set up Tadabbur locally with bun install and bun run dev.
prompt 2
Explain how Tadabbur keeps Quran reading fast and offline using static per-surah JSON files.
prompt 3
Walk me through the fetch-quran-data script and what sources it pulls translations from.
prompt 4
Show me how to add a new Arabic typeface option to the Tadabbur reader.

Frequently asked questions

what is tadabbur fr?

An offline-first Quran reading app with English and Indonesian translations and commentary, built for calm, focused study in a minimal three-pane interface.

What language is tadabbur written in?

Mainly Svelte. The stack also includes SvelteKit, Svelte 5, Tailwind CSS.

How hard is tadabbur to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is tadabbur for?

Mainly general.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.