React Native Expense App Theme

React Native Expense App Theme 3.0.0

A user friendly Expense Manager App to track spending built using React Native, Native Base, React Navigation, Redux, and Axios.js.
Inspired by Invision's UI Kit, DO

Note: This product is available with Expo Client.


Development Environment
Demo Available

All the screens you'd want!

Fully customizable, ready-to-use screens for users with easily configurable application design.

  • ● Splash Screen
  • ● Login
  • ● Sign Up
  • ● Forgot Password
  • ● Drawer
  • ● My Expenses
  • ● Add Expense
  • ● Categories
  • ● Select Category
  • ● Add Category
  • ● Expenses Calendar
  • ● Expenses Analytics
  • ● Search & Export
  • ● Profile
  • ● Settings

React Native Expense App Theme

Technologies Used

  • React Native
  • CRNA
  • Native Base
  • React Navigation
  • Redux
  • Redux Form
  • Axios.js
React Native Expense App Theme
React Native Expense App Theme

Fetching Features

  • Power-packed with Redux, Native Base
  • Easy Routing & Navigation using React Navigation​
  • Integrated with CRNA & Expo
  • Full interaction with fake Backend API using Axios.js​ and Redux middleware to add JWT Access Token to each api request
  • OpenID Connect (OIDC) authentication and JWT token management Using Expo AuthSession
  • Shared React & React Native structure, code base for both IOS and Android
  • Mass of UI elements, components to quickly build an awesome expense app
    Detailed article is available in NativeBase blog.

Quality Code

  • ESLint for code quality
  • Husky to prevent bad commit, push
  • Test & coverage using Jest & Enzyme
  • Prettier for pretty, formatted JavaScript code

Package

React Native Expense App

  • ● @expo/vector-icons: 10.0.1
  • ● axios: 0.18.0
  • ● axios-mock-adapter: 1.16.0
  • ● color: 3.1.1
  • ● es6-symbol: 3.1.1
  • react-native: https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz
  • expo: 32.0.6
  • ● react: 16.5.0
  • ● jwt-decode: 2.2.0
  • ● lodash: 4.17.11
  • ● moment: 2.24.0
  • native-base: 2.12.1
  • ● react-native-calendars: 1.82.0
  • ● react-native-carousel-view: 0.5.1
  • ● react-native-datepicker: 1.7.2
  • ● react-native-easy-grid: 0.2.1
  • ● react-native-snap-carousel: 3.7.5
  • ● react-navigation: 3.9.1
  • ● react-redux: 6.0.1
  • redux: 4.0.1
  • ● redux-devtools-extension: 2.13.8
  • ● redux-form: 8.2.0
  • ● redux-thunk: 2.3.0
  • ● victory-native: 32.0.2
  • ● babel-preset-expo: 5.1.1
  • ● jest-expo: 32.0.0
  • ● enzyme: 3.9.0
  • ● enzyme-adapter-react-16: 1.12.1
  • ● react-dom: 16.5.0
  • ● enzyme-to-json: 3.3.5
  • ● husky: 2.2.0
  • ● json-server: 0.14.2
  • ● lint-staged: 8.1.6
  • eslint: 5.16.0
  • ● babel-eslint: 10.0.1
  • ● eslint-config-prettier: 4.2.0
  • ● eslint-plugin-import: 2.17.2
  • ● eslint-plugin-jsx-a11y: 6.2.1
  • ● eslint-plugin-prettier: 3.0.1
  • ● eslint-plugin-react: 7.13.0
  • ● eslint-plugin-react-native: 3.7.0
  • ● prettier: 1.17.0
  • ● react-addons-test-utils: 15.6.2
  • ● react-native-dotenv: 0.2.0
  • ● react-test-context-provider: 2.2.0
  • ● react-native-debugger-open: 0.3.19
  • ● react-test-renderer: 16.8.6
  • ● redux-mock-store: 1.5.3

BROUGHT TO YOU BY

Start building your app today!

Get Started