/FinanceReactNative

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

Primary LanguageJavaScriptMIT LicenseMIT

FinanceReactNative

Dependency Status devDependency Status

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance.

Demo

Play Store Button Apk Download Button

  • Rejected by Apple reviewer 😄: "Your app is too similar to Apple Stock app, which creates a misleading association with Apple products."

App preview

Preview Preview

Screenshots


React and React Native version

Plugins used

  • alt - Isomorphic flux implementation.
  • moment - Parse, validate, manipulate, and display dates in javascript.
  • react-native-navbar - Navbar component for React Native.
  • react-native-router-flux - React Native Router based on new React Native Navigation API (0.26)
  • react-native-simple-store - A minimalistic wrapper around React Native's AsyncStorage.
  • react-native-vector-icons - 3000 Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full stying.
  • rn-viewpager - ViewPager and Indicator component for react-native on both android and ios.

Components used

  • AppRegistry - The JS entry point to running all React Native apps.
  • Image - A React component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll.
  • Linking - A general interface to interact with both incoming and outgoing app links.
  • ListView - A core component designed for efficient display of vertically scrolling lists of changing data.
  • Platform - A module is provided by React Native to detect what is the platform in which the app is running.
  • RefreshControl - This component is used inside a ScrollView or ListView to add pull to refresh functionality.
  • StatusBar - Component to control the app status bar.
  • StyleSheet - A StyleSheet is an abstraction similar to CSS StyleSheets.
  • Text - A React component for displaying text which supports nesting, styling, and touch handling.
  • TextInput - A foundational component for inputting text into the app via a keyboard.
  • ToolbarAndroid - React component that wraps the Android-only Toolbar widget.
  • TouchableHighlight - A wrapper for making views respond properly to touches.
  • View - The most fundamental component for building UI, View is a container that supports layout with flexbox, style, some touch handling, and accessibility controls, and is designed to be nested inside other views and to have 0 to many children of any type.

Additional

  • eslint: A fully pluggable tool for identifying and reporting on patterns in JavaScript.

Running

Clone & install

  • Clone this repo git clone git@github.com:7kfpun/FinanceReactNative.git
  • cd FinanceReactNative
  • run npm install

iOS

  • Run react-native run-ios

Android

  • Run android avd and start an emulator
  • Run react-native run-android

Related project

License

Released under the MIT License.