Bohra Calendar: 225+ Fatemi-Ereignisse in einer Hijri-PWA
Kostenlose Open-Source-PWA mit 225+ Fatemi-Ereignissen und genauer Hijri-Datumskonvertierung. Für die Dawoodi Bohra-Gemeinschaft. Funktioniert offline auf jedem Gerät.
Die Entstehungsgeschichte
Bohra Calendar ist aus der Namaz Awqaat-Android-App hervorgegangen, die einen einfachen Hijri-Kalender und Fatemi-Ereignisse hatte. Nutzer wollten dieses Erlebnis auf jedem Gerät, nicht nur auf Android. Statt einer weiteren nativen App habe ich eine Progressive Web App auf React 19 gebaut. Das Ziel war einfach: die vollständigste Fatemi-Ereignisliste online, in einem schnellen, offline-fähigen Kalender, der in jedem Browser läuft. Die App ist unter bohracalendar.com gestartet und bedient die globale Dawoodi Bohra-Gemeinschaft.
Für die Gemeinschaft entwickelt
"Die besten Werkzeuge sind die, die Menschen ohne Hürde erreichen können. Kein App Store, keine Downloads, keine Plattform-Beschränkungen. Browser auf, fertig."
Die Herausforderung
Die Dawoodi Bohra-Gemeinschaft brauchte einen einzigen Ort für ihren Hijri-Kalender und die Fatemi-Ereignisse. Die meisten islamischen Kalender-Apps decken die Basics ab, aber die gemeinschaftsspezifischen Anlässe fehlen. Die Fatemi-Ereignisse in meiner Namaz Awqaat-Android-App funktionierten, aber sie waren nur für Android-Nutzer sichtbar.
Kritische Problempunkte
- Die Fatemi-Ereignisdaten lagen eingeschlossen in einer reinen Android-App, ohne Zugang für iOS-, Desktop- und andere Nutzer
- Keine öffentliche islamische Kalender-App deckt die volle Liste der Dawoodi Bohra-Ereignisse ab
- Hijri-Gregorianische Konvertierung braucht algorithmische Genauigkeit mit einem 30-Jahres-Schaltzyklus
- Dynamische Ereignisse wie Akhri Jumoa wechseln jedes Jahr und lassen sich nicht hart codieren
- Offline-Zugriff zählt für Nutzer in Gebieten mit eingeschränkter Verbindung
- Sonnenauf- und -untergang müssen lokal berechnet werden, ohne externe API für die Mathematik
Die Gemeinschaft hatte eine einzige Quelle für Fatemi-Anlässe verdient, die auf jedem Gerät funktioniert, sofort lädt und keine Internetverbindung braucht.
Die Lösung
Eine Progressive Web App auf React 19 und TypeScript. Installierbar, offline-fähig, präzise und aus jedem Browser erreichbar.
Hijri-Kalender-Engine
Der kuwaitische Tabellenalgorithmus mit 30-Jahres-Schaltzyklus übernimmt die bidirektionale Hijri-Gregorianische Konvertierung. Alle Datumsberechnungen laufen über Julian Day für die Genauigkeit.
225+ kuratierte Fatemi-Ereignisse
Eid, Milad, Urs, Shahadat, Wafaat, Salgira, Chehlum, Ashura, Takbira, Rozu, Miqaat, Washek. Jedes mit Orts- und Prioritäts-Metadaten.
PWA mit voller Offline-Unterstützung
Service Worker mit Workbox-Caching hält die App ohne Verbindung am Laufen. Auf jedem Gerät installierbar, mit automatischen Update-Checks alle 15 Minuten.
Lokale Sonnenzeiten
Geolocation-Erkennung mit lokaler Berechnung von Sonnenauf- und -untergang. Stadtnamen kommen über Reverse Geocoding via BigDataCloud, mit 24-Stunden-Cache, um wiederholte Aufrufe zu vermeiden.
Ergebnisse & Geschäftsauswirkungen
Vollständigste Fatemi-Ereignisliste online
225+ Fatemi-Ereignisse über alle 12 Hijri-Monate, abdeckend Eid, Milad, Urs, Shahadat, Wafaat, Salgira, Chehlum, Ashura, Takbira, Rozu, Miqaat und Washek.
Funktioniert auf jedem Gerät, auch offline
Auf iOS, Android und Desktop installierbar. Volle Offline-Funktion bedeutet: die App läuft, wo immer der Nutzer ist, mit oder ohne Verbindung.
Sub-Sekunden-Performance
React 19 mit Vite 7, routenbasiertes Code-Splitting, Inline-CSS und WebP-Bilder halten die Ladezeiten niedrig. Statische Assets sind ein Jahr gecacht, mit unveränderlichen Headern.
SEO-fertig mit 50+ crawlbaren Seiten
Dynamische Meta-Tags, strukturierte Daten und eine automatisch generierte Sitemap machen die App für Nutzer auffindbar, die nach Hijri-Daten und Fatemi-Ereignissen suchen.
Erkenntnisse
PWAs können native Apps für inhaltsgetriebene Anwendungsfälle ersetzen
Für eine Kalender- und Ereignislisten-App liefert eine PWA dieselbe installierbare, offline-fähige Erfahrung wie eine native App, ohne den Reibungsverlust durch App-Store-Distribution. Nutzer setzen ein Lesezeichen oder installieren über den Browser, Updates passieren automatisch.
Eigene Routing-Lösung schlägt Framework-Overhead bei einfachen Apps
Statt React Router als Abhängigkeit zu ziehen, hielt ein kleiner eigener Router auf Basis von History.pushState und popState das Bundle klein und unterstützte gleichzeitig saubere URLs wie /calendar/rajab-1448.
Kuratierte Daten sind das Produkt
Die Datenbank mit 225+ Fatemi-Ereignissen brauchte umfangreiche Recherche und Wissen aus der Gemeinschaft. Keine öffentliche API enthielt diese Daten. Der Datensatz selbst ist der Differenzierer.
Bilder schaffen Verbindung
Monatsspezifische Hintergrundbilder im WebP-Format, kombiniert mit arabischer Typografie in der AlFatemi-Schrift, haben aus einem nüchternen Kalender etwas gemacht, in dem sich die Gemeinschaft zuhause fühlt.
Verwendete Technologien
- React 19
- TypeScript
- Vite 7
- Tailwind CSS 4
- Workbox PWA
- Cloudflare Pages
- Hijri Algorithm
- Geolocation API
Web- oder Mobile-App gesucht?
Wenn Sie etwas für eine Gemeinschaft oder ein Nischenpublikum bauen wollen: ich mache das seit über einem Jahrzehnt. Sprechen wir darüber, was es bräuchte.
Beratung buchenVerwandte Fallstudien
Arabischer Abjad-Rechner
Arabische Abjad-Rechner-App für Android mit 850K+ Downloads und 4,75 Sternen über 13 Jahre. Kostenlos, werbefrei, kurz vor einer Million Downloads.
Fallstudie lesen → Mobile AppsGebetszeiten-App
Gebetszeiten-Android-App für 105K+ Mitglieder der Dawoodi Bohra-Gemeinschaft. Offline-Berechnungen, individueller Hijri-Kalender und zuverlässige Benachrichtigungen. Kostenlos und werbefrei.
Fallstudie lesen → Mobile AppsPlanetentiming-App
Planetenstunden-Android-App mit 443K+ Downloads, basierend auf den Lehren des Ikhwan-us-Safaa. Präzise astronomische Berechnungen mit automatischer GPS-Erkennung.
Fallstudie lesen →