A mobile banking application prototype made in React Native for the course of Software Project Management SEG 4105 at the University of Ottawa for my final semester. It was made in two days worth of work and contains many interactable UI features with the code being organized (but it could be cleaner). This prototype was used in our presentation of our project plan to show our prospective client what the end result application could look like, as well as the features it could have. It contains many of the expected features of a mobile banking application.

All the data within the application is fake and is being generated using Faker.js , which is a very useful library for generating fake data for tests and development.

Features

The light/dark mode was accomplished by simply using React Navigation ’s theming and useColorScheme() hook from React Native.

Just like any other service, there must be a way to get support. The user can either chat with a chatbot (spewing random pre-written responses), call the bank, or send an email. There’s also settings for basic modification of the application and leaving feedback.

A basic authentication screen, letting the user either log in or contact the bank for help signing in.

Once authenticated, the user can view all their bank accounts (checking, savings, credit cards, loans) and tap any to see more information about them. They would see an overview of their transactions and details about their account’s features. If it’s a credit account, the user can add it to their Google Pay account.

The user can also deposit cheques by taking a picture of it, using a simple react-native-camera view.

There’s also the option to make some transfers between accounts and do E-Transfers.