The Celsius lender-app

The Celsius Wallet will be one of the only online crypto wallets designed to allow members to lend their crypto to earn interest on deposited coins (when they’re lent out) or use those coins as collateral to get a loan in dollars.

The Celsius wallet:

Users on-boarding
KYC/AML check
Earn Degree (CEL) tokens daily
Transfer crypto assets in and out
Visualize crypto value and lenders' seniority

A Lender is a crypto-assets holder who chooses to participate in the Celsius lending pool, using the Celsius wallet app. The Lender will be required to transfer the desired crypto-assets amount from her current wallet or storage to Celsius. The funds remain liquid and available as there will be an option to withdraw the funds at any time. However, the system accounts for lending-seniority when allocating daily interest and a Lender who withdraws crypto-assets from the account will lose all seniority privileges, thus earning lower daily sums. Lender is a cloud-enabled, iOS and Android ready, offline-storage, react-native ecosystem powered application.

For users, setup and test app

How to download and start lender-app:

Install Expo Application on your mobile device iPhone users Android users
Open Expo and scan QR Code

For Developers

Technology stack

react
react-native
react-navigation - Router
redux - State container
react-redux - React bindings for Redux
redux-thunk - write action creators that return a function instead of an action
expo - set of tools, libraries and services for building native iOS and Android experiance by writing JavaScript
native-base - cross-platform UI components for React Native
web3
redux-persist - allows us to save the Redux store in the device local storage and restore it later
rinkeby test ethereum

Application Arhitecture

Application Framework

App framework is small tool that gives us a simple way to generate boilerplate code for components, reducers and other application segments. When we need to create a NEW some-app-pattern, insted of writing it manualy we use plop generators for it. With plop, we have "best practice" method of creating any given pattern in code.

Dev setup

Install the dependencies and devDependencies and start the server.

$ npm install
$ npm start

Gitflow and Code Management

Team members work locally and push their branches (https://danielkummer.github.io/git-flow-cheatsheet/)
Two branches used to record project history, master and develop
Develop serves as an integration branch for features and fixes### Sentry
Master branch serves the official release history

Sourcemaps for Other Platforms

Currently automatic sourcemap handling is only implemented for iOS with Xcode and Android with gradle. If you manually invoke the react-native packager <https://github.com/facebook/react-native/tree/master/packager>__ you can however get sourcemaps anyways by passing --sourcemap-output to it.

If you do get sourcemaps you can upload them with sentry-cli. However make sure to pass --rewrite to the upload-sourcemaps command which will fix up the sourcemaps before upload (inlines sources etc.).

Example:

react-native bundle \
  --dev false \
  --platform android \
  --entry-file index.android.js \
  --bundle-output android.main.bundle \
  --sourcemap-output android.main.bundle.map

To then upload you should use this:

node_modules/@sentry/cli/bin/sentry-cli releases \
    files RELEASE_NAME \
    upload-sourcemaps \
    --dist DISTRIBUTION_NAME \
    --strip-prefix /path/to/project/root \
    --rewrite /path/to/your/files

The values for RELEASE_NAME and DISTRIBUTION_NAME are as follows:

RELEASE_NAME: the bundle ID or package name (reverse dns notation of your app) followed by a dash and the human readable version name that is set for your release. So for instance com.example.myapp-1.0.

DISTRIBUTION_NAME: This is the version code or build id depending on your platform. So for instance just set this to whatever is set in your Info.plist or what your gradle setup generates (eg: 52).

djuric42/lender-app