rhinos-app / rhinos-app-dev

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

📖 DOCS:

• Deployment
• Common Issues / Troubleshooting

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

Apps built on Rhinos-app

ATVT (Activities) - track influencer's social activities