Die Entstehungsgeschichte

Bohra Calendar grew out of the Namaz Awqaat Android app, which included a basic Hijri calendar with Fatemi events. Users wanted a dedicated calendar experience accessible on any device, not just Android. Instead of building another native app, I chose to build a Progressive Web App with React 19, making it instantly accessible to anyone with a browser. The goal was simple: create the most comprehensive Fatemi event listing available online, wrapped in a fast, offline-capable calendar that works on every device. The app launched at bohracalendar.com and serves the global Dawoodi Bohra community.

Für die Gemeinschaft entwickelt

"The best tools are the ones people can access without barriers. No app store, no downloads, no platform restrictions. Just open the browser and it works."

Die Herausforderung

Die Dawoodi Bohra Gemeinde brauchte eine zuverlässige, zugängliche Möglichkeit, Hijri-Daten und Fatemi-Anlässe zu verfolgen. Bestehende islamische Kalender-Apps decken gemeinschaftsspezifische Ereignisse nicht ab, und keine einzelne Quelle bot eine umfassende Liste aller Fatemi-Anlässe.

Kritische Problempunkte

  • Der Miqaat-Kalender und die Fatemi-Ereignisse aus der Namaz Awqaat Android-App waren nur für Android-Nutzer zugänglich und ließen iOS-, Desktop- und andere Plattform-Nutzer außen vor
  • Bestehende islamische Kalender decken Standardereignisse ab, enthalten jedoch keine aktuellen, umfassenden Fatemi-Anlässe spezifisch für die Dawoodi Bohra Gemeinde
  • Genaue Hijri-Gregorianische Datumskonvertierung erfordert komplexe algorithmische Berechnungen mit einem 30-Jahres-Schaltjahrzyklus
  • Dynamische Ereignisse wie Akhri Jumoa (letzter Freitag des Ramadan) ändern sich jedes Jahr und können nicht fest kodiert werden
  • Nutzer benötigen Offline-Zugang für Gebiete mit eingeschränkter Konnektivität, was eine vollständige PWA-Architektur erfordert
  • Standortbezogene Sonnenauf- und -untergangszeiten für jeden Nutzer ohne externe API-Abhängigkeit für Berechnungen erforderlich

Die Gemeinschaft verdiente eine einzige, maßgebliche Quelle für Fatemi-Anlässe, die auf jedem Gerät funktioniert, sofort lädt und ohne Internetverbindung auskommt.

Die Lösung

Eine moderne Progressive Web App mit React 19 und TypeScript entwickelt, die als umfassendste Fatemi-Ereignisressource online dient.

Präzise Hijri-Kalender-Engine

Den kuwaitischen Tabellenalgorithmus mit einem 30-Jahres-Schaltjahrzyklus für genaue bidirektionale Hijri-Gregorianische Konvertierung implementiert. Alle Datumsberechnungen laufen über Julian-Day-Intermediär für Genauigkeit.

225+ Fatemi-Ereignisdatenbank

Die umfassendste Sammlung von Fatemi-Anlässen kuratiert: Eid, Milad, Urs, Shahadat, Wafaat, Salgira, Chehlum, Ashura, Takbira, Rozu, Miqaat und Washek-Ereignisse, jeweils mit Orts- und Prioritätsmetadaten.

Installierbare PWA mit Offline-Unterstützung

Service Worker mit Workbox-Caching stellt sicher, dass die gesamte App offline funktioniert. Auf jedem Gerät über den Browser installierbar, mit automatischen Update-Prüfungen alle 15 Minuten.

Standortbezogene Sonnenzeiten

Automatische Geolokalisierungserkennung mit lokalen Sonnenauf- und -untergangsberechnungen. Reverse Geocoding über BigDataCloud API zeigt die Stadt des Nutzers, mit 24-Stunden localStorage-Caching zur Minimierung von API-Aufrufen.

Ergebnisse & Geschäftsauswirkungen

Umfassendste Fatemi-Ereignisliste online

225+ kuratierte Fatemi-Ereignisse über alle 12 Hijri-Monate hinweg, die Eid, Milad, Urs, Shahadat, Wafaat, Salgira, Chehlum, Ashura, Takbira, Rozu, Miqaat und Washek-Anlässe abdecken.

Funktioniert auf jedem Gerät, auch offline

PWA-Architektur ermöglicht Installation auf iOS, Android und Desktop. Vollständige Offline-Funktionalität sichert Zugang zu Kalender und Ereignissen ohne Internetverbindung.

Sofortige Performance mit modernem Stack

React 19 mit Vite 7, routenbasiertes Code-Splitting, inlinie CSS und WebP-Bilder liefern Sub-Sekunden-Ladezeiten. Statische Assets für ein Jahr mit unveränderlichen Headern gecacht.

SEO-optimiert mit 50+ crawlbaren Seiten

Dynamische Meta-Tags, strukturierte Daten (WebApplication, FAQPage) und automatisch generierte Sitemap sorgen für Auffindbarkeit für Nutzer, die nach Bohra-Kalender und Fatemi-Ereignissen suchen.

Erkenntnisse

PWAs können native Apps für inhaltsgetriebene Anwendungsfälle ersetzen

Für eine Kalender- und Ereignislisten-App bietet eine PWA dieselbe installierbare, offline-fähige Erfahrung wie eine native App ohne die Hürde der App-Store-Distribution. Nutzer markieren oder installieren über den Browser und erhalten automatische Updates.

Individuelles Routing schlägt Framework-Overhead für einfache Apps

Statt React Router als Abhängigkeit hinzuzufügen, hielt ein leichtgewichtiger individueller Router mit History.pushState und popState das Bundle klein und unterstützte gleichzeitig saubere URLs wie /calendar/rajab-1448.

Kuratierte Daten sind selbst ein Produkt

Die 225+ Fatemi-Ereignisdatenbank erforderte umfangreiche Recherche und Gemeinschaftswissen. Keine API oder öffentlicher Datensatz enthielt diese Informationen. Der kuratierte Datensatz wurde zum zentralen Differenziator der App.

Saisonale Bilder schaffen emotionale Verbindung

Das Hinzufügen von monatsspezifischen Hintergrundbildern im WebP-Format mit arabischer Typografie unter Verwendung der AlFatemi-Schrift verwandelte einen utilitaristischen Kalender in etwas, mit dem sich die Gemeinschaft verbunden fühlt.

Verwendete Technologien

React 19TypeScriptVite 7Tailwind CSS 4Workbox PWACloudflare PagesHijri AlgorithmGeolocation API

Projektdetails

Branche
Religion / Gemeinschaft
Standort
Worldwide
Projekttyp
Progressive Web App
Dauer
Laufend

App ausprobieren

Testen Sie es selbst. Kostenlos, ohne Werbung, funktioniert auf jedem Gerät. Installieren Sie es als PWA für Offline-Zugriff.

Bohra Calendar besuchen

Benötigen Sie eine Web- oder Mobile-App?

Suchen Sie individuelle Web- oder Mobile-App-Entwicklung? Unser Team bei Synhex Solutions ist spezialisiert auf moderne, performante Web-Anwendungen.

Expertenberatung von Synhex Solutions Kostenloses Beratungsgespräch buchen

Fallstudie teilen

Interessant gefunden? Teilen Sie es mit Ihrem Netzwerk