node package manager

rhinosapp

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

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 :)