Case Study

NoteSync

Eine produktive React-Native-App für iOS und Android. Echtzeit-Sync über Geräte, Offline-First-Persistenz, biometrische Authentifizierung und Push über eine Laravel-REST-API.

NoteSync — Mobile App

Auf einen Blick

Jahr
2024
Umfang
iOS- und Android-App, API, Store-Veröffentlichung
Meine Rolle
Design, Backend, Mobile-App, Release
Technologien
React NativeExpoLaravel APIRedisMySQLRabbitMQDockerCI/CD

Case Study

01Die Aufgabe

Notizen müssen ohne Empfang bearbeitbar sein — in der U-Bahn, im Flugzeug, auf der Baustelle — und sobald die Verbindung zurückkehrt, müssen die Änderungen von Telefon und Tablet zu einer Version zusammenfinden, ohne Text zu verlieren. Naives „last write wins“ zerstört stillschweigend die Arbeit des Nutzers, und in einer Notiz-App ist das der eine Fehler, den man nicht verziehen bekommt.

02Die Umsetzung

  • Eine lokale Datenbank auf dem Gerät ist die Quelle der Wahrheit — die Oberfläche wartet nie auf das Netz, gespeichert wird sofort, unabhängig vom Empfang.
  • Änderungen landen in einer Queue und gehen über RabbitMQ raus, sobald die Verbindung zurück ist; die Queue übersteht einen App-Neustart.
  • Zusammengeführt wird pro Feld statt pro Notiz — zwei parallel bearbeitete Absätze erzeugen keinen Konflikt.
  • Biometrische Entsperrung und Push laufen über eine gemeinsame Laravel-API für beide Plattformen.

03Das Ergebnis

  • Echte Offline-Nutzung: Die App bleibt ohne Empfang bedienbar, die Synchronisation holt von selbst auf.
  • Eine Codebasis bedient App Store und Google Play — ein Fix wird einmal ausgeliefert, nicht zweimal.
  • Releases laufen über dockerisiertes CI/CD, ein neuer Stand braucht keine Handgriffe.

04Warum dieser Stack

React Native mit Expo, denn zwei native Codebasen hätten bei diesem Budget die Hälfte der Funktionen je Plattform bedeutet. Laravel für die API, weil Queues, Authentifizierung und Benachrichtigungen dort fertig und erprobt sind.

Alle Projekte
Loslegen

Ein Projekt im Kopf?

Beschreiben Sie es in wenigen Sätzen — ich antworte innerhalb von 24 Stunden mit Angebot und Stack-Vorschlag.