Skip to content

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

License

Notifications You must be signed in to change notification settings

rhinos-app/rhinos-app-dev

Repository files navigation

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 social activities

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published