FinanceReactNative

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

MIT License

Stars
2K
Committers
4

FinanceReactNative

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

Demo

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

App 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 [email protected]: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.