Code Monkey home page Code Monkey logo

rhinos-app-dev's Introduction

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.