React Native Expense App Theme

React Native Expense App Theme 1.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.
We don't recommend to upgrade Xcode to version 10 for running the apps on the local machine as React Native doesn't have support for it at the moment.
.


Development Environment
Demo Available

All the screens you'd want!

Fully customizable, ready-to-use screens for users with easily configurable application design.
Get 20% discount with this launch promo code: expenseapp-20d-launch-october2018-6033

  • ● 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​
  • Shared React & React Native structure, code base for both IOS and Android
  • Mass of UI elements, components to quickly build an awesome expense app

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: 6.3.1
  • ● axios: 0.18.0
  • ● axios-mock-adapter: 1.15.0
  • ● color: 3.0.0
  • expo: 28.0.0
  • ● lodash: 4.17.10
  • ● moment: 2.22.2
  • native-base: 2.7.2
  • ● prop-types: 15.6.2
  • ● react: 16.4.2
  • react-native: 0.55.4
  • ● react-native-calendars: 1.20.0
  • ● react-native-carousel-view: 0.5.1
  • ● react-native-datepicker: 1.7.2
  • ● react-native-easy-grid: 0.2.0
  • ● react-native-snap-carousel: 3.7.2
  • ● react-navigation: 2.12.1
  • ● react-redux: 5.0.7
  • redux: 4.0.0
  • ● redux-devtools-extension: 2.13.5
  • ● redux-form: 7.4.2
  • ● redux-thunk: 2.3.0
  • ● victory-native: 30.3.0
  • ● babel-eslint: 8.2.6
  • ● babel-jest: 23.6.0
  • ● babel-preset-expo: 4.0.0
  • ● babel-preset-react-native: 4.0.1
  • ● enzyme: 3.6.0
  • ● enzyme-adapter-react-16: 1.5.0
  • ● enzyme-to-json: 3.3.4
  • eslint: 5.5.0
  • ● eslint-config-prettier: 3.0.1
  • ● eslint-plugin-import: 2.14.0
  • ● eslint-plugin-jsx-a11y: 6.1.1
  • ● eslint-plugin-prettier: 2.6.2
  • ● eslint-plugin-react: 7.11.1
  • ● eslint-plugin-react-native: 3.3.0
  • ● husky: 0.14.3
  • ● jest: 23.6.0
  • ● jest-cli: 23.6.0
  • ● jest-expo: 28.0.0
  • ● json-server: 0.14.0
  • ● lint-staged: 7.2.2
  • ● prettier: 1.14.2
  • ● react-addons-test-utils: 15.6.2
  • ● react-dom: 16.4.1
  • ● react-native-debugger-open: 0.3.17
  • ● react-native-scripts: 1.14.0
  • ● react-test-context-provider: 2.2.0
  • ● react-test-renderer: 16.5.0
  • ● redux-mock-store: 1.5.3

BROUGHT TO YOU BY

Start building your app today!

Get Started