Die im Zuge der Vorlesung „Mobile Computing“ entwickelte mobile App, soll bei der Verwaltung der Finanzen einer Person bzw. eines ganzen Haushalts helfen. Wie ein klassisches Haushaltsbuch soll die App dafür genutzt werden die Einnahmen und Ausgaben eines Haushalts zu dokumentieren. Neben dem jeweiligen Betrag der Ein- bzw. Ausgabe werden Informationen zum Datum, der Kategorie und der Bezahlmethode hinzugefügt. In einer Liste werden alle Einträge aufgeführt, wodurch es möglich ist, regelmäßige und unregelmäßige Ausgaben genau festzustellen. Durch den Einsatz der integrierten Kamera eines Smartphones bietet sich zusätzlich die Möglichkeit den Kassenzettel oder eine Rechnung eines Einkaufs abzufotografieren und an einen Eintrag im digitalen Haushaltsbuch anzuheften.
 |
 |
 |
npm install --global expo-clizum Installieren der Expo CLInpm installim Ordner finance-app (Das ZIP RNManaged enthält bereits die node_modules)
- Android Studio muss heruntergeladen und für die Verwendung von React Native konfiguriert worden sein
- Im AVD Manager muss ein Android Emulator konfiguriert werden
- Die einzelnen Pakete müssen installiert werden (Das ZIP RNBare enthält bereits die node_modules)
Hinweis: Wenn die Fehlermeldung "npm ERR! Failed at the [email protected] install script." auftritt muss zunächst firebase auf den aktuellen Stand gebracht werden. Das kann allerdings zu einer Inkompatibilität mit Expo führen! Siehe: Link
- Löschen des node_modules Ordners und der package-lock.json
- Ausführen des Befehls
npm install --save-exact --save firebase@latest
- Öffnen des Terminal im Ordner finance-app
- Ausführen des Befehls
expo start - Starten des iOS bzw. Android Simulators/Emulators
- In den Expo Developer Tools (im Browser) auf "Run on iOS bzw. Android" klicken
- Warten bis die Expo App im Simulator/Emulator geöffnet und die eigene App heruntergeladen wurde
- Öffnen des Terminal im Ordner finance-app
- Ausführen des Befehls
npm run android - Der Android Emulator startet automatisch
- Nach etwas Wartezeit startet auch die App automatisch
- React Native
- React Navigation
- Redux
- Firebase
- Segment Control
- Picker
- Datetime Picker
- React Native Chart Kit
- Currency Input
- Gesture Handler - Swipeable
- SafeAreaContext
- StatusBar
- Icons
- BlurView
- Camera
- Problem bei der Verwendung von Firebase in Android (siehe Link)
- Die Kamera-Funktionalität konnte nicht mit einem Android Smartphone getestet werden (kein Android-Gerät im Besitz, das Kamera Paket unterstützt den Android Emulator nicht)
- Verbesserung der Animationen durch den Einsatz von Reanimated und/oder Lottie
- Möglichkeit Bilder aus der Galerie mit Hilfe eines ImagePicker einzubinden