Stocker

Stocker lets you keep track of your investments and the stocks in your interest.

Design based on Samsung's One UI

Developed using React Native and Expo

Market data acquired from the Google Finance API

Features

Stocker comes packed with handful features for everyday use:

Track your stocks' performances

Compare your wallet's earnings to the most relevant Indexes

Search through all available stocks

Add stocks to your wallet, keeping track of all of your trades

Choose the interface theme that best suits you

Usage

Google Finance API Setup

To be able to get data from Google Finance API, it must be exported from a Google Sheets spreadsheet.

As stated on their online forum, direct calls (bypassing Google Sheets) will no longer be supported in the near future.

To create and publish the required file, follow those instructions:

1. Download the docs/Stocks.xlsx file from this repository.

2. Upload it to your Google Drive.

3. Open the uploaded file and select File > Publish to the web.

4. On the pop-up menu, change from Web Page to Comma-separated values (.csv).

5. Hit Publish and copy the link provided.

6. Create a ./env file and add the link as shown below.

GOOGLE_FINANCE_URL = "<Paste_link_here>";

Development Environment

Environment Setup

The following requirements must be available:

• Mobile device emulator (Android/iOS) or an Android device connected via USB.
• expo-cli v4.0.17
• Node.js v14.13.1

Android Studio (for device emulation)

First, install Android Studio.

sudo snap install android-studio --classic

Then, open the device emulator, by opening Android Studio, selecting Configure > AVD Manager and running the default Pixel virtual device.

NodeJS

It's recommended to use the Node Version Manager (nvm) to install Node. The Node version used is v14.13.1.

Expo CLI

To install the expo CLI, use:

npm install --global expo-cli

Project Setup

1. Clone the repository.
2. Open the device emulator (or connect an Android device).
3. Open the project's root directory in your terminal.
4. Install all dependencies with npm install.
5. Run the project with expo start. A local server will open.
6. Using a web browser, access the server and select run on Android device/emulator or run on iOS simulator, on the sidebar.

The app will be started in the emulated (or plugged) device.

VSCode Debugger

Before setting up the debugger, make sure to have the development environment up and running.

Also, turn off the Remote Debbuging option on the Expo Development Tool.

1. Install the React Native Tools VSCode extension.
2. Open the VSCode Debug menu and select create a launch.json file.
3. On the pop-up menu, select React Native and Attach to packager. A launch.json file will be generated.
4. On launch.json's Attach to packager entry, add "port": 19000 (Expo debugging port).
5. On the top of the Debug menu, select Attach to packager on the drop-down input, and hit play.
6. On the device emulator, open Expo Development tools (Ctrl + M) and start remote debugging.