React Native Expense App Theme

React Native Expense App Theme 2.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..


6 Months Support and Repo Access
Demo
$100 Buy Now
Development Environment
Demo Available
ADD TO CART Contact Author Get It Customized Docs

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

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
  • ● es6-symbol: ^3.1.1
  • ● expo: 28.0.0
  • ● jwt-decode: ^2.2.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-dotenv: ^0.2.0
  • ● 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

nativebase.io

Start building your app today!

Get Started