Open-Source-Projekt
mazipan/baca-quran.id avatar
mazipan/baca-quran.id

Baca-Quran.id: Koran-Leser im Browser ohne Werbung und Tracking

mazipan/baca-quran.id bietet eine praxistaugliche Open-Source-Implementierung mit stabiler Einsatzbarkeit für reale Anwendungsfälle.

435 Sterne128 ForksTypeScriptMIT

Auf einen Blick

Was ist das?
Baca-Quran.id von mazipan ist eine TypeScript-Webanwendung zum Lesen des Korans im Browser, die nach README-Angabe keine Werbung, keine Analytics und einen kostenlosen Zugang bereitstellt.
Für wen ist es gedacht?
Baca-Quran.id passt zu Anwendern, die den Koran werbefrei im Browser lesen wollen, und die Website ist live unter baca-quran.id erreichbar. Wer die Anwendung selbst betreiben will, setzt sie laut README mit Node v20 und pnpm v9 auf, ruft pnpm run build auf und legt den build-Ordner auf dem Hosting ab; Inhalte stammen aus externen Quellen wie quran-json und kemenag.go.id.
Darf ich es kommerziell nutzen?
Ja. MIT ist eine freizügige Lizenz: Sie dürfen darauf aufbauende Software nutzen, verändern und verkaufen, solange Sie die Urheberrechts- und Lizenzhinweise beibehalten.
Wird es noch gepflegt?
Ja. Die letzten Commits kamen vor 2 Tagen.
In welcher Sprache ist es geschrieben?
Hauptsächlich TypeScript, laut der Sprachstatistik von GitHub.

Die Antworten beruhen auf den GitHub-Daten des Projekts (zuletzt abgeglichen am 14. September 2026) und auf unserer Analyse. Sie sind keine Rechtsberatung.

TIEFGEHENDE OPEN-SOURCE-ANALYSE

Baca-Quran.id als Browser-Anwendung

Baca-Quran.id ist eine Webanwendung zum Lesen des Korans im Browser. Das README stellt drei Eigenschaften in den Vordergrund: keine Werbung, keine Analytics und ein uneingeschränkt kostenloser Zugang. Das Projekt stammt von mazipan, die Programmiersprache ist TypeScript, und die Lizenz ist MIT. Die live erreichbare Seite liegt unter baca-quran.id, das Repository unterhält 435 Sterne und 128 Forks bei 14 offenen Issues.

Der Standard-Branch heißt master. Eine ausführliche Feature-Liste liefert das README nicht, der Fokus liegt auf der produktiven Website und der lokalen Einrichtung für Entwickler. Für die Auslieferung reicht laut README ein statischer Build: Die Anwendung wird gebaut und der entstandene build-Ordner auf das eigene Hosting kopiert. Damit ist die Betriebsform klar umrissen, eine Server-Infrastruktur ist nicht Teil des Projekts.

Die lokale Einrichtung mit Node und pnpm

Für die Entwicklung nennt das README zwei Voraussetzungen: Node v20, am besten über einen Versionsmanager wie nvm verwaltet, und pnpm in Version 9. Die Installation der Abhängigkeiten erfolgt mit pnpm i. Danach startet pnpm run dev die lokale Umgebung. Diese drei Schritte sind komplett im README dokumentiert und unterscheiden die lokale Arbeit von der Auslieferung.

Wer eine veröffentlichungsfähige Version erzeugen will, nutzt pnpm run build und überträgt anschließend den build-Ordner auf den Hosting-Provider. Das README verzichtet auf weitere Konfigurationsdetails wie Umgebungsvariablen oder Portangaben, was bei einer statischen Anwendung kaum von Bedeutung ist. Wer die Browser-Variante prüfen will, öffnet nach dem Build die produzierten Dateien über einen beliebigen statischen Webserver.

Inhaltsquellen und externe Dienste

Das README listet die Herkunft seiner Inhalte präzise auf. Der Korantext und die JSON-Daten stammen aus dem Projekt quran-json von rioastamal. Die Asmaul Husna bezieht die Seite aus dem islamischen Nachrichten- und Informationsportal islam.nu.or.id. Die täglichen Gebete und Bittgebete gehen auf Hisnul Muslim von Sa'id ibn Ali al-Qahtani zurück, ergänzt durch islam.nu.or.id, Rumaysho.com und klassische Hadith-Sammlungen wie Bukhari, Muslim, Abu Dawud, Tirmidhi und Ibn Majah.

Für Audio nutzt die Anwendung die MP3-Dateien von der Webseite des indonesischen Religionsministeriums unter kemenag.go.id, Tahlil-Texte kommen von islam.nu.or.id. Die Rückwärts-Geolokalisierung übernimmt Nominatim von OpenStreetMap, und die Gebetszeiten werden über die API von api.aladhan.com bezogen. Damit sind alle wesentlichen Datenquellen in den Credits des README offen benannt, was die Nachvollziehbarkeit der Inhalte erhöht.

Zusätzliche Angebote: Blog und Stories

Neben der Hauptseite betreibt das Projekt zwei Zusatzangebote. Der Blog unter baca-quran.id/tulisan hat ein eigenes Repository mazipan-quran-offline/tulisan, die Geschichten-Sektion unter baca-quran.id/stories wiederum liegt im Repository mazipan-quran-offline/stories. Beide sind laut README live erreichbar und werden getrennt vom Hauptprojekt gepflegt. Diese Trennung zeigt, dass die organisatorische Struktur hinter der Startseite mehrere Teilprojekte umfasst.

Für den Betrieb sind die zwei Offline-Repositories ein Hinweis auf die Wartungslandschaft: Änderungen an Blog oder Stories sind nicht Teil des Haupt-README, sondern folgen den jeweiligen Repositorien. Wer die gesamte Seite betreiben will, sollte diese Abhängigkeiten kennen. Die genauen Verantwortlichkeiten innerhalb der Teilprojekte beschreibt das README jedoch nicht weiter.

Gestaltungselemente und Visuals

Das README nennt die grafischen Zutaten der Anwendung. Die Icons stammen von Freepik und werden über flaticon.com bezogen, darunter ein muslimisches Icon und das Ramadhan-Icon-Pack. Für die Koran-Darstellungen verweist das Projekt auf Vektorgrafiken von Vecteezy namens Recite alquran, und ein Ramadan-Motiv mit Mann und Frau stammt von Freepik. Diese Angaben sind relevant für alle, die die Assets in eigener Arbeit weiterverwenden wollen, etwa zur Lizenzierung der Grafiken.

Da das README keine Details zur Verwendung der Assets im Code liefert, bleibt die Einbindung für Mitwirkende eine Frage an den Quelltext. Für die Screenshots selbst verlinkt das README auf die Live-Website; im Repository belegt ein Screenshot-Vergleich von Hell- und Dunkel-Modus die Oberfläche. Abgesehen von diesen Angaben sind weitere Designentscheidungen im README nicht ausgeführt.

Unterstützung und Verantwortungszuordnung

Der Autor verweist auf mehrere Wege zur finanziellen Unterstützung: Trakteer für Indonesien sowie BuyMeACoffee, PayPal und Ko-Fi international. Diese Links stehen am Ende des README und markieren das Projekt als persönliche Arbeit von Irfan Maulana, der den Copyright-Vermerk von 2018 an trägt. Mitwirkende werden namentlich im Contributors-Abschnitt gewürdigt, der auf das GitHub-Netzwerk der Helfer verweist.

Für Interessierte an einer Übernahme ist die kleine, personengetragene Struktur ein Faktor: Die Pflege hängt maßgeblich an einer Einzelperson, ein offizielles Sponsor-Programm existiert nicht im README. Offene Issues und Forks deuten auf eine aktive Community, konkrete Wartungszusagen oder SLA-Aussagen sucht man im Dokument vergebens. Das ist bei einer werbefreien Freiwilligen-Arbeit kein Mangel, aber eine Einordnung wert.

Fazit: Für wen sich Baca-Quran.id eignet

Baca-Quran.id eignet sich für Leser und Entwickler, die eine werbefreie, quellenoffene Koran-Anwendung nutzen oder selbst betreiben wollen. Mit Node v20, pnpm v9, pnpm i, pnpm run dev und pnpm run build ist der lokale Weg vollständig dokumentiert, und die Live-Version ist ohne eigene Infrastruktur unter baca-quran.id zu prüfen. Die MIT-Lizenz erlaubt Weitergabe und Änderung, solange der Lizenztext erhalten bleibt.

Wer teilweise auf Datesen setzt, sollte die externen Quellen im Blick behalten: quran-json, kemenag.go.id und api.aladhan.com sind Dienste Dritter und können sich unabhängig vom Projekt ändern. Ein Serverbetrieb mit eigenen Konten ist nicht vorgesehen, die statische Auslieferung über den build-Ordner ist der genannte Weg. Wer die Inhalte prüfen will, vergleicht die Anzeige mit den verlinkten Quellen und behält den Branch master des Repositories im Auge.

Redaktionelles Fazit

Baca-Quran.id passt zu Anwendern, die den Koran werbefrei im Browser lesen wollen, und die Website ist live unter baca-quran.id erreichbar. Wer die Anwendung selbst betreiben will, setzt sie laut README mit Node v20 und pnpm v9 auf, ruft pnpm run build auf und legt den build-Ordner auf dem Hosting ab; Inhalte stammen aus externen Quellen wie quran-json und kemenag.go.id.

Offizielle Quellen

  1. Official documentation
  2. Official README
  3. Project repository
Community-Notizen

Community-Notizen