Web-App

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.

Branche:
Religion / Gemeinschaft
Projekttyp:
Progressive Web App
Dauer:
Laufend
Standort:
Worldwide
Veröffentlicht:
Ergebnis
225+
Fatemi-Ereignisse
Voll
Offline-fähig
1000+
Hijri-Jahre
0
Werbung

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 buchen

Fallstudie teilen

Interessant gefunden? Teilen Sie es mit Ihrem Netzwerk