Stockportfolio App

Stockportfolio App on mobiiliapplikaatio sijoitusten kirjaamiseen ja ylläpitoon varten. Käyttäjä voi luoda sovellukseen osakesalkkuja, jonka tyyppi voi olla arvo-osuustili tai osakesäästötili. Salkun sisään voi lisätä ja sieltä voi poistaa osakkeita. Sovellus on yhteydessä rajapintayhteydellä (REST) Yahoo Finance API:n, joka tarjoaa reaaliaikaiset kurssit ja muita lisätietoja yrityksistä käyttäjän nähtäville.

Kaikki data tallennetaan paikallisesti käyttäjän laitteelle (SQLite.)

Authors

• @S1nd5

Features

• Manage portfolios (add, remove)
• Manage stocks (add, remove)
• Calculations for profit/loss with current stock price
• Realtime stock prices (Yahoo Finance API)
• Extra information about business (Yahoo Finance API)

Todo

• Something for the "Home" -page such as your earnings today
• More statistics (1d, 7d, 30d, 3mo, 6mo, 12mo earnings?)
• Pie chart of portfolio by (industry, quantity etc)
• Support for multiple purchases of stocks (meaning the same stock wont show twice, but details about the second purchase exists)

Extra Packages / Components

• react-native-autocomplete-input
• react-native-modal-datetime-picker
• react-native-picker-select
• react-native-chart-kit

Dependencies

"dependencies": {
    "@react-native-picker/picker": "^2.4.1",
    "@react-navigation/bottom-tabs": "^6.3.1",
    "@react-navigation/native": "^6.0.10",
    "@rneui/base": "^4.0.0-rc.1",
    "@rneui/themed": "^4.0.0-rc.1",
    "expo": "~44.0.0",
    "expo-dev-client": "~0.8.5",
    "expo-sqlite": "~10.1.0",
    "expo-status-bar": "~1.2.0",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-native": "0.64.3",
    "react-native-autocomplete-input": "^5.1.0",
    "react-native-chart-kit": "^6.12.0",
    "react-native-date-picker": "^4.2.1",
    "react-native-modal-datetime-picker": "^13.1.2",
    "react-native-picker-select": "^8.0.4",
    "react-native-safe-area-context": "^4.2.4",
    "react-native-svg": "^12.3.0",
    "react-native-vector-icons": "^9.1.0",
    "react-native-web": "0.17.1",
    "react-navigation": "^4.4.4"
  }

Demo

• Expo URL

Environment Variables

To run this project, you will need to at least add the following environment variables to your .env file:

rapidAPI Token

API_KEY = RapidAPI (Yahoo Finance, X-RapidAPI-Key)

Run Locally

Clone the project

  git clone https://github.com/S1nd5/stockportfolio-app.git

Go to the project directory

  cd stockportfolio-app

Install dependencies

  yarn install

Start the server

  expo start

Images

Screenshots

Related

Here are some pages related to this project

• RapidApi: Yahoo Finance API
• React Native
• Expo