Dracker

An iOS and React app to send/receive money and manage debt. This app allows users to create transactions, add descriptions, tag images, tag notes, and manage them. It features a rich and immersive user experience with 3D touch, quick actions, Actionable User Notifications, and Touch ID/Passcode capability for secure authentication.

UI

iOS V2

A more refined UI that utilizes the Tab Bar style along with some of the latest HCI guidelines. A total redesign of a few screens and a new completely customizable Action Sheet component.

Login & Forgot Password Screens

    

Dashboard

Existing Transactions

    

New Transactions

    

Summary

Profile

Wallet

Settings

        

iOS V1

Login/Register

            

Dashboard

            

Existing Transactions

        

New Transactions

        

Summary

    

Profile

    

Settings

            

Security

    

Miscellaneous

                            

React

Login

Password Reset

    

Register

    

    

Home

    

Wallet

Summary

    

Profile

Email Change

Password Change

    

Invalid Page

Text Messages

    

Emails

         

Features

Current

iOS

• [x] Adding transactions with other people via phone number.
• [x] Registeration of new users/ Login functionality.
• [x] Authentication via Firebase
• [x] Unique QR Code and adding transaction using QR Code.
• [x] Access to data anywhere via AWS.
• [x] Text messages when payments are completed.
• [x] Ability to connect bank account (plaid integration).
• [x] Sending/Recieving money through ACH.
• [x] Taggable transactions. An image (such as a bill) can be tagged with the transaction.
• [x] Saving tagged images to camera roll.
• [x] Enabling/disabling user notifications.
• [x] Actionable notifications (ability to silence a particular payment reminder).
• [x] User ratings based on transaction history.
• [x] Enabling/disabling touch ID.
• [x] 3D touch compatibility for Quick Actions.
• [x] 3D touch for Dashbard table cells.

React.js App

• [x] Retriving Transactions list.
• [x] Registeration of new users/ Login functionality.
• [x] Authentication via Firebase
• [x] Access to data anywhere via AWS.
• [x] Access to your Dracker dashboard, wallet, summary and profile.
• [x] Updating email and password.
• [x] Setting default funding source.

Requirements

• iOS 10.0+
• Xcode 9.3
• Swift 4.1
• React.js 16.6
• npm 2.1

Architecture

Rest API

• API Gateway and AWS Lambda are used to deploy the REST API
• DynamoDB is used to store all the data for user transactions and other details
• S3 is used to store profile images and tagged images with transactions
• Twilio is used to send messages
• Firebase is used for Authentication
• SendGrid for Emails
• Plaid for Bank Account Integration
• Dwolla for triggering ACH Transactions

iOS Application

• Dracker API for all operations (REST API calls)
• Firebase is used for Login (Username/Password Validations)
• Plaid for Bank Integrations (Getting an authentication token to exchange at backend)

Modules/Integrations Used

• Dwolla (ACH Transactions API and identity validation with verified customer)
• Plaid (Connecting user’s bank account to dwolla)
• AWS (Backend)
• Twilio (payment completion notification)
• Firebase (Authentication)
• DZNEmptyDataSet (For nice empty cell look)
• Alamofire (API calls)
• SendGrid (for emailing Welcome, Verification, Note and Email change messages)

Scripts

Cleanup

A configrable automation script that cleans up the AWS and Dwolla environment from test data. To be run pre-deployment in production. Script allows accounts to be preserved by adding the ‘Email’ in ‘preserve_users.txt’ file.

Webhook

A webhook created for dwolla, that handels clearing of ACH transactions. In case of successful ACH clearing, it sends out a text to the customer with transaction details. In case of unsuccessful ACH clearing, it sends out a text to the customer with transaction details and Dracker entry so the customer can track back and re-attempt to settle the payment.

Meta

Raghav Bhasin – @bhasin97 – [email protected]