A fascinating React Native starter kit with flat UI design, MobX, NativeBase components and integrated with Firebase for your iOS and Android application.
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..

TOTAL SALES : 124
LAST MODIFIED PAGE: February 12, 2019

6 Months Support and Repo Access

Docs Demo

$100 Buy Now

Development Environment

Demo Available

All the screens you'd want!

Fully customizable, ready-to-use screens with flat UI design that adds an aesthetic touch to the app

● Login
● Sign Up
● Forgot Password
● Walkthrough
● Drawer
● Home
● Overview
● Groups
● Lists
● Settings
● Profile
● Calendar
● Timeline
● Create New
● Splashscreen

Note

The package includes both the UI theme and its Firebase version.

Technologies Used

Firebase
NativeBase
React Navigation
ESLint
Flow
Expo
MobX

Features

Firebase Integration in Login, Sign Up and Create New screens
Implemented with Firebase Bolt Security and Modeling language
Power-packed with MobX, NativeBase, React Navigation, Flow
Integrated with CRNA and Expo
Single JavaScript code base for iOS & Android
Mass of UI elements, components to quickly build an awesome task management app / productivity app

Perfectly native look and feel with React Native

Eye soothing UI with awesomely smooth UX!

Package

React Native Do With Firebase

● @expo/vector-icons: 6.3.1
● autobind-decorator: 1.4.0
● colors: 1.0.3
● expo: 32.0.0
● firebase: 5.8.0
● jest-junit-reporter: 1.1.0
● lodash: 4.17.4
● mobx: 3.1.9
● mobx-react: 4.1.8
● moment: 2.18.1
● native-base: 2.7.0
● react: 16.5.0
● react-native: https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz
● react-native-card-carousel: git+https://github.com/wcandillon/react-native-card-carousel#6dc8048
● react-native-datepicker: 1.6.0
● react-navigation: ^3.0.9
● throttle-debounce: 1.0.1
● babel-eslint: ^8.2.1
● babel-preset-expo: ^5.0.0
● eslint: ^4.9.0
● eslint-config-airbnb: ^16.1.0
● eslint-plugin-flowtype: ^2.41.0
● eslint-plugin-import: ^2.7.0
● eslint-plugin-jsx-a11y: ^6.0.2
● eslint-plugin-react: ^7.4.0
● eslint-plugin-react-native: ^3.2.1
● exp: 57.2.1
● expo-cli: 2.6.14
● firebase-bolt: 0.8.2
● firebase-bolt-transpiler: git+https://github.com/wcandillon/firebase-bolt-transpiler#e4172ab14a43a3dd6f29711582a9780d91e93238
● firebase-tools: 3.9.2
● flow-bin: 0.63.1
● flow-result-checker: ^0.3.0
● jest-expo: ^32.0.0
● react-test-renderer: 16.0.0-alpha.12

React Native Do

● @expo/vector-icons: 6.3.1
● color: 1.0.3
● expo: ^32.0.0
● jest-junit-reporter: ^1.1.0
● lodash: ^4.17.4
● moment: ^2.18.1
● native-base: 2.7.0
● react: 16.5.0
● react-native: https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz
● react-native-card-carousel: git+https://github.com/wcandillon/react-native-card-carousel#6dc8048
● react-native-iphone-x-helper: ^1.0.3
● react-navigation: ^2.13.0
● babel-eslint: ^8.2.1
● babel-preset-expo: ^5.0.0
● eslint: ^4.9.0
● eslint-config-airbnb: ^16.1.0
● eslint-plugin-flowtype: ^2.41.0
● eslint-plugin-import: ^2.7.0
● eslint-plugin-jsx-a11y: ^6.0.2
● eslint-plugin-react: ^7.4.0
● eslint-plugin-react-native: ^3.2.1
● exp: 57.2.1
● expo-cli: 2.6.14
● flow-bin: 0.63.1
● flow-result-checker: ^0.3.0
● jest-expo: ^32.0.0
● react-native-scripts: 1.11.1
● react-test-renderer: 16.0.0-alpha.12