Un prototype d’application bancaire mobile réalisé en React Native pour le cours de gestion de projet logiciel SEG 4105 à l’Université d’Ottawa pour mon dernier semestre. Il a été réalisé en deux jours de travail et contient de nombreuses fonctionnalités interactives de l’interface utilisateur. Ce prototype a été utilisé dans la présentation de notre plan de projet pour montrer à notre client potentiel à quoi pourrait ressembler l’application finale, ainsi que les fonctionnalités qu’elle pourrait avoir. Il contient un grand nombre des caractéristiques attendues d’une application bancaire mobile.

Toutes les données de l’application sont fausses et sont générées à l’aide de Faker.js , une bibliothèque très utile pour générer des données fausses pour les tests et le développement.

Fonctionnalités

Le mode clair/foncé a été réalisé en utilisant simplement la thématisation de React Navigation et useColorScheme() hook de React Native.

Comme pour tout autre service, il doit y avoir un moyen d’obtenir de l’assistance. L’utilisateur peut soit chatter avec un chatbot (donnant des réponses pré-rédigées aléatoires), soit appeler la banque, ou soit envoyer un courriel. Il existe également des paramètres permettant de modifier l’application et de laisser des commentaires.

Un écran d’authentification permettant à l’utilisateur de se connecter ou de contacter la banque pour obtenir de l’aide à s’authentifier.

Une fois authentifié, l’utilisateur peut afficher tous ses comptes bancaires (chèques, épargne, cartes de crédit, prêts) et les sélectionner pour obtenir plus d’informations à son sujet. Il verrait un aperçu de ses transactions et des détails sur les caractéristiques de son compte. S’il s’agit d’un compte de crédit, l’utilisateur peut l’ajouter à son compte Google Pay.

L’utilisateur peut également déposer des chèques en les prenant en photo, à l’aide d’une simple vue react-native-camera .

Il est également possible d’effectuer des transferts entre comptes et des virements électroniques E-transfer.