imPuls4U

Hackathon 2021 Projekt

imPuls4U-01

Die Idee

Ausgangsidee war eine App, mit der Kirchengemeinden, Einrichtungen, Evangelische Jugend, … individuelle Adventskalender erstellen und weitergeben können.

Entwickelt hat sich das Ganze zu einer App, die als Adventskalender, Fastenbegleiter oder Impulsgeber jeglicher Art verwendet werden kann.
Über einen Administratoren-Account (zunächst webbasiert) können Interessierte eine Serie mit beliebig vielen Impulsen erstellen und anderen „schenken“.
Die Nutzer erhalten einen Link und laden sich die App imPuls4U herunter, um dann die Impuls-Serie anzusehen.

 

Von der Idee zum Prototyp:

Zunächst wurde die Idee „zu Papier gebracht“. Es entstand ein Wireframe und das Team formierte sich. Die technische Umsetzung wurde geklärt, die gewünschten Funktionen festgelegt, erste Ideen zu Logo, Slogans und Marketing entwickelt und Mockups erstellt.

 

Umsetzung

Backend-Entwicklung

Für die Speicherung in unserem Backend haben wir uns eine MySQL Datenbank mit zwei Tabellen entschieden, eine für die „Kalender“ (Impuls-Serien), sowie eine für alle „Kalendereinträge“ (Türchen). Das Backend läuft im PHP Framework Symfony und kann z. B. via Docker bereitgestellt werden. Wir haben eine API erstellt, über welche die Kommunikation mit der App und dem Admin-Frontend stattfindet. Zum aktuellen Entwicklungsstand ist dieses Admin-Frontend über den Browser erreichbar, soll aber zu einem späteren Stand der App auch über diese erreichbar sein.

App-Entwicklung

Die App wurde im Rahmen des Hackathons als React-Native-App für iOS und Android entwickelt. Zu aktuellen Zeitpunkt ist sie ein halbfertiger Prototyp, welcher Beispiel-Daten anzeigen kann.

Funktional umgesetzt ist:

  • Anzeige/Übersicht von mehreren imPuls-Reihen
  • Übersicht der Türchen, mit drei Stati: gelesen, ungelesen, noch nicht verfügbar
  • Detailansicht eines Türchen, die Inhalte werden mit einem Markdown-Renderer angezeigt
  • Persistierung der Daten, inkl. welche Türchen schon geöffnet wurden

Was fehlt noch:

  • Abruf der imPuls-Reihen vom Backend
  • Hinzufügen einer neuen imPuls-Reihe über einen App-Link
  • Lokale Notifications (über Betriebssystem timer-gesteuert, via React-Native-Notification)

Verwendete Bibliotheken (Achtung, sehr technisch!):

  • @react-native-community/async-storage
  • @react-native-community/masked-view
  • immer
  • moment
  • react
  • react-native
  • react-native-gesture-handler
  • react-native-markdown-renderer
  • react-native-navigation
  • react-native-reanimated
  • react-native-safe-area-context
  • react-native-screens
  • react-redux
  • redux
  • redux-logger
  • redux-persist
  • redux-thunk

Team im Rahmen des Hackathons #glaubengemeinsam

  • Günter Gastner (Ideengeber, Grafik, Präsentation, Koordination)
  • Steffen Keilhold (Ideenentwicklung, Wireframe, Koordination)
  • Stefan Brockwitz (Backend-Entwicklung)
  • Matthias Huber (App-Entwicklung)

Wie geht es weiter?

Wir suchen die richtigen Partner, um die App „live“ zu bringen und weiterzuentwickeln.

Dazu braucht es neben Unterstützern: Entwickler, Publisher, Kollaborationspartner für Inhalte und Nutzung, Marketing, …

Ansprechpartner