
React Native Expense App Theme v 5.0.0
React Native based Expense Managing App to track daily expenses, compatible on both iOS & Android. Build your own expense tracking app using this UI theme saving development time to build screens from scratch.
Built using NativeBase, React Navigation, Redux.
Full interaction with fake Backend API using Axios.js
Inspired by Invision's UI Kit, DO
Note: This product is available with Expo Client.
Development Environment
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

Technologies Used
- React Native
- CRNA
- NativeBase
- React Navigation
- Redux
- Redux Form
- Axios.js


Fetching Features
- Power-packed with Redux, NativeBase
- 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.
Package
React Native Expense App
- ● @expo/vector-icons: ^10.0.0
- ● @react-native-community/datetimepicker: ^3.0.3
- ● @react-native-community/masked-view: 0.1.10
- ● @react-native-community/picker: ^1.8.1
- ● axios: 0.20.0
- ● axios-mock-adapter: 1.18.2
- ● color: 3.1.2
- ● es6-symbol: 3.1.3
- ● expo: ^39.0.0
- ● expo-asset: ~8.2.0
- ● expo-auth-session: ~2.0.0
- ● expo-font: ~8.3.0
- ● jwt-decode: 3.0.0
- ● lodash: 4.17.20
- ● moment: 2.29.1
- ● native-base: 2.13.14
- ● react: 16.13.1
- ● react-native: https://github.com/expo/react-native/archive/sdk-39.0.0.tar.gz
- ● react-native-calendars: 1.403.0
- ● react-native-easy-grid: 0.2.2
- ● react-native-gesture-handler: ~1.7.0
- ● react-native-modal-datetime-picker: ^9.0.0
- ● react-native-picker-modal-view: ^1.3.2
- ● react-native-reanimated: ~1.13.0
- ● react-native-screens: ~2.10.1
- ● react-native-snap-carousel: 3.9.1
- ● react-native-svg: 12.1.0
- ● react-native-swipe-list-view: 3.2.4
- ● react-navigation: 4.4.2
- ● react-navigation-drawer: 2.5.2
- ● react-navigation-stack: 2.8.4
- ● react-redux: 7.2.1
- ● redux: 4.0.5
- ● redux-devtools-extension: 2.13.8
- ● redux-form: 8.3.6
- ● redux-thunk: 2.3.0
- ● victory-native: 35.0.1
- ● @babel/core: 7.11.6
- ● babel-eslint: 10.0.3
- ● babel-preset-expo: ^8.3.0
- ● enzyme: 3.11.0
- ● enzyme-adapter-react-16: 1.15.5
- ● enzyme-to-json: 3.6.1
- ● eslint: 7.10.0
- ● eslint-config-prettier: 6.12.0
- ● eslint-plugin-import: 2.22.1
- ● eslint-plugin-jsx-a11y: 6.3.1
- ● eslint-plugin-prettier: 3.1.4
- ● eslint-plugin-react: 7.21.3
- ● eslint-plugin-react-native: 3.10.0
- ● husky: 4.3.0
- ● jest-expo: ^39.0.0
- ● json-server: 0.16.2
- ● lint-staged: 10.4.0
- ● prettier: 2.1.2
- ● react-addons-test-utils: 15.6.2
- ● react-dom: 16.13.1
- ● react-native-debugger-open: 0.3.25
- ● react-native-dotenv: 0.2.0
- ● react-test-context-provider: 2.2.0
- ● react-test-renderer: 16.11.0
- ● redux-mock-store: 1.5.4