rhinosapp

0.7.1 • Public • Published

CircleCI

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 navParams, 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.
  • Storybook: develop & visualize your components interactively.
  • Unit Test: Jest, Enzyme.
  • Miscellaneous features: yarn, ESLint (JS Standard), Webpack, baseStyles.js

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

DOCS:

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
  
StoryBook:
  $ npm run storybook

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

js-standard-style

Apps built on Rhinos-app

ATVT - Activities - track influencer's activities

Package Sidebar

Install

npm i rhinosapp

Weekly Downloads

0

Version

0.7.1

License

MIT

Last publish

Collaborators

  • ngduc