node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org ยป

rhinosapp

Rhinos-app

Rhinos-app is a react-native app which uses react-native-web to achieve cross-platform design.

Live Demo: web version

FEATURES: ๐ŸŒŸ

  • ๐Ÿ“ฑ ๐Ÿ’ป Runs on Android, iOS, Web (can also run as a Windows/MacOS/Linux desktop app with Electron)
  • SimpleNavigator with transition Fx (using Animated)
  • React-native-gifted-form
  • React-native-elements, react-native-vector-icons (FontAwesome), Button, SideMenu, List, etc.
  • Components: react-native-navbar, react-native-tab-view, etc.
  • Miscellaneous features: yarn, ESLint, Webpack, baseStyles

It does not have X, Y, Z libs? - We adopted KISS principle but feel free to sprinkle some more pixie dust (Redux, MobX, etc.) to bake your project :)

Demo video: Demo video

PREREQUISITES: ๐Ÿ“ฆ

  • Android SDK
  • XCode
  • npm global modules:
$ npm install -g yarn
$ npm install -g react-native-cli

BUILD & RUN: ๐Ÿ”ง

Install:

$ git clone <URL>
$ cd rhinos-app-dev
$ npm install   (or $ yarn)

Run on Web

DEV mode:
  $ npm run web
  
PRODUCTION mode:
  $ npm run build-web
  $ npm run serve-web-background

Run on Android

  • open Android Emulator
  • in Terminal, make sure you have ANDROID_HOME=/Users/username/Library/Android/sdk
  • run in another Terminal: $ npm start -- --reset-cache
    $ react-native run-android

Run on iOS

  • open iOS Emulator
  • run in another Terminal: $ npm start -- --reset-cache
    $ react-native run-ios

CONTRIBUTING ๐Ÿ™Œ

PRs, Stars โญ๏ธ and Issue Reporting ๐Ÿž are always welcome :)