OptionAlly is made to help you make smart options trades. Choose your underlying stock, configure your strategy, and view your potential risk and return.
OptionAlly is built with:
Let's have a look at the source code. Not every file will be explained, but we'll discuss the most important ones.
This is the App entry point. In here we configure the Apollo GraphQL client, take care of some theming configuration, and set up app navigation.
Some global helper functions live here. Mostly number to string formatting.
This directory contains GraphQL queries, GraphQL types, as well as the schema definition file.
Here we find the GraphQL queries we make to the server.
React Native Components. These are UI elements that are reused or were complicated enough to pull out into their own component.
This component allows for the browsing and selection of an asset's call or put options by expiration date.
This component is a two-axis scrollable table with sticky row and column headers (the top row and leftmost column). This was developed to display the calculator's return matrix of theoretical returns by underlying asset price and date.
App Screens for the ellispis menu navigation stack. When the user presses the three dots icon in the header bar.
App Screens for the main navigation stack. When the user is using the app to set up his or her options strategy and see results.
The default screen shown with when the app opens. We present a search bar to allow for selection of an underling stock or ETF.
This is the second screen in the main navigation stack. Now that the user has selected an underlying asset, we present a list of Radio Buttons so he or she may select which option strategy to proceed with.
At this point, the remaining properties of the CalculatorInput must be filled. Based on the user's selected strategy, we provide OptionSelectors for the user to choose all of their necessary option legs.
On load, we query the server for resuts given the input provided in the previous screens. After the server returns, we present the risk/reward details, and show a matrix of returns by underlying asset price and date using our ScrollableTable component.
- The TypeScript Logo is attributed to Microsoft, licensed under the Apache License 2.0.
- The Expo Logo is attributed to Expo, licensed under the MIT License.
- The Apollo Logo is attributed to Apollo Graph, Inc., licensed under the MIT License.