Stock Trading App
Budget: ₹4,380 – ₹5,630 INR
On clicking the chevron-right button or any stock listing or searching for a stock symbol, a
progress bar should come up while the details are being fetched. Once the data has been
fetched except the chart (since the chart takes longer to load), the progress bar should
disappear and information regarding the stock should be available to the user .
The top action bar must show the stock ticker/symbol and the back button to go back to the
home screen (which has the autosuggest result list that was used for the current search if
the user enters the stock detail screen by using the search functionality). The action bar
should also contain a favorite icon to add or remove the stock from favorites. The favorite icon
will either be filled or bordered depending on whether the stock is marked as favorite or not.
Adding/Removing the stock from favorites should also display a toast message as shown in the
video. See hints for icons.
Below the action bar, there should be 5 fields: company name, company logo, current price with
‘$’ sign, the change price with ‘$’ sign (the text color should be green or red based on the change
price value being positive or negative respectively) and the change percentage with a % sign.
Below these five fields, the hourly and historical charts should be displayed. The charts should follow a swipeable layout with two tabs.
The Portfolio section allows the user to trade the shares of the stock. It contains a left section
which shows the number of stocks the user owns, the avg cost per share, total cost of shares
owned, change in price of the last quote price to current avg cost and the market value (2
decimals, same for all money related fields) of the stock in the user portfolio.. If the current
stock price is greater than the average purchase price of the stock, the Change Value field and
the Market Value field should be turned green. On the contrary, if the current stock price is less
than the average purchase price of the stock, the values should be turned red. If no change, then
values must be in black. The right section contains a customized green trade button.
The Stats section shows various stats of the given stock symbol. These are:
● High Price
● Low Price
● Open Price
● Prev. Close
And there will be different section also
progress bar should come up while the details are being fetched. Once the data has been
fetched except the chart (since the chart takes longer to load), the progress bar should
disappear and information regarding the stock should be available to the user .
The top action bar must show the stock ticker/symbol and the back button to go back to the
home screen (which has the autosuggest result list that was used for the current search if
the user enters the stock detail screen by using the search functionality). The action bar
should also contain a favorite icon to add or remove the stock from favorites. The favorite icon
will either be filled or bordered depending on whether the stock is marked as favorite or not.
Adding/Removing the stock from favorites should also display a toast message as shown in the
video. See hints for icons.
Below the action bar, there should be 5 fields: company name, company logo, current price with
‘$’ sign, the change price with ‘$’ sign (the text color should be green or red based on the change
price value being positive or negative respectively) and the change percentage with a % sign.
Below these five fields, the hourly and historical charts should be displayed. The charts should follow a swipeable layout with two tabs.
The Portfolio section allows the user to trade the shares of the stock. It contains a left section
which shows the number of stocks the user owns, the avg cost per share, total cost of shares
owned, change in price of the last quote price to current avg cost and the market value (2
decimals, same for all money related fields) of the stock in the user portfolio.. If the current
stock price is greater than the average purchase price of the stock, the Change Value field and
the Market Value field should be turned green. On the contrary, if the current stock price is less
than the average purchase price of the stock, the values should be turned red. If no change, then
values must be in black. The right section contains a customized green trade button.
The Stats section shows various stats of the given stock symbol. These are:
● High Price
● Low Price
● Open Price
● Prev. Close
And there will be different section also