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
Stocker comes packed with handful features for everyday use:
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:
-
Download the
docs/Stocks.xlsx
file from this repository. -
Open the uploaded file and select File > Publish to the web.
-
On the pop-up menu, change from Web Page to Comma-separated values (.csv).
-
Hit Publish and copy the link provided.
-
Create a
./env
file and add the link as shown below.
GOOGLE_FINANCE_URL = "<Paste_link_here>";
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
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.
It's recommended to use the Node Version Manager (nvm) to install Node. The Node version used is v14.13.1
.
To install the expo CLI, use:
npm install --global expo-cli
- Clone the repository.
- Open the device emulator (or connect an Android device).
- Open the project's root directory in your terminal.
- Install all dependencies with
npm install
. - Run the project with
expo start
. A local server will open. - 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.
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.
- Install the
React Native Tools
VSCode extension. - Open the VSCode Debug menu and select
create a launch.json file
. - On the pop-up menu, select
React Native
andAttach to packager
. Alaunch.json
file will be generated. - On
launch.json
'sAttach to packager
entry, add"port": 19000
(Expo debugging port). - On the top of the Debug menu, select
Attach to packager
on the drop-down input, and hit play. - On the device emulator, open Expo Development tools (Ctrl + M) and start remote debugging.