FinanceReactNative

screenshot of FinanceReactNative
react
react-native

FinanceReactNative

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

Overview:

FinanceReactNative is a clone of iOS's Stocks App developed in React Native for demonstration purposes. The app is available for both iOS and Android platforms, pulling real-time data from Yahoo Finance. Despite its functionality, it was rejected by the Apple reviewer due to its similarity to the Apple Stock app.

Features:

  • Data from Yahoo Finance: Real-time stock market data is pulled from Yahoo Finance.
  • React Native Version: Utilizes react-native 0.44.2 and react 16.0.0-alpha.6.
  • Multiple Plugins Used: Utilizes plugins like alt, moment, react-native-navbar, react-native-router-flux, react-native-simple-store, react-native-vector-icons, and rn-viewpager.
  • Components Used: Incorporates various React Native components such as AppRegistry, Image, ListView, StatusBar, TextInput, and more.
  • Cross-Platform: Available for both iOS and Android platforms.
  • Open Source: Released under the MIT License, allowing for modification and reuse.

Installation:

To install FinanceReactNative, follow these steps:

  1. Clone the repository by running: git clone git@github.com:7kfpun/FinanceReactNative.git
  2. Navigate to the FinanceReactNative directory: cd FinanceReactNative
  3. Install dependencies by running: npm install

For iOS:

  • Run the app on iOS emulator by executing: react-native run-ios

For Android:

  • Start an Android emulator by running android avd
  • Run the app on Android emulator by executing: react-native run-android

Summary:

FinanceReactNative is a mobile application developed in React Native that replicates iOS's Stocks App, pulling real-time data from Yahoo Finance. Despite being rejected by Apple due to its similarity to their own stock app, FinanceReactNative offers a cross-platform solution for displaying stock market data. With the use of various plugins and React Native components, the app provides a comprehensive example for developers looking to work with React Native.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.