EXPLORING DASHBOARD COMPONENT

 HERE, DASHBOARD IS CREATED LIKE A SUB-APPLICATION SUCH THAT WHENEVER, WE CLICK ON THE DASHBOARD IT RE-DIRECTS TO ANOTHER LINK.

DASHBOARD CONSISTS OF VARIOUS FEATURES AND FUNCTIONALITIES RELATED TO STOCK MARKET.

WE WILL CREATE A FAVOURITE'S SECTION THAT CONSISTS OF ALL THE STOCKS RECOMMENDED (OR) FEATURED FOR THE OVER.

GREEN INDICATES PROFIT.

RED INDICATES LOSS.

DASHBOARD CONTAINS EQUITY AND HOLDINGS.

EQUITY - CONSISTS OF THE FUND AVAILABLE.

HOLDINGS- CONSISTS THE INFORMATION ABOUT OUR STOCK HOLDINGS AND THEIR MARKET VALUE.

IT ALSO HAS INFORMATION ABOUT INVESTMENTS.

WE HAVE AN ORDERS SECTION THAT CONTAINS THE INFORMATION ABOUT THE STOCKS THAT WE BROUGHT AND SOLD.

WE HAVE A POSITION SECTION THAT DISPLAYS THE STOCKS THAT SHOULD BE SOLD BASED ON A THRESHOLD.

FOR EXAMPLE, IF WE BROUGHT A STOCK FOR 100RS, WE SET UP A LOWER LIMIT OF 90RS. SO THAT , WHENEVER THE STOCKS FALL BELOW 90RS IT IS AUTOMATICALLY SOLD.

WE HAVE A FUNDS SECTION THAT CONTAINS TWO PROPERTIES ADD FUNDS AND WITHDRAWL.

ADD FUNDS - TO ADD MORE FUNDS FOR INVESTMENT

WITHDRAWL - WITHDRAWL OF FUNDS.

HERE, WE HAVE A PROPERTY CALLED MARGIN. IT DENOTES THE FREE-FUNDS THAT ARE AVAILABLE AFTER SELLING A STOCK . FREE FUNDS GENERALLY MEANS THE MONEY AVAILABLE.

ADD FUNDS - INCREASE THE MARGIN

WITHDRAWL - TO WITHDRAW MONEY FROM CURRENTLY AVAILABLE MARGIN.


Comments

Post a Comment

Popular posts from this blog

*********UPDATING THE FRONTEND*********

Image
 WE WILL BEGIN WITH UPDATING THE FOOTER, IN FOOTER.JS import React from "react" ; function Footer () {   return (     <>       < div className = "footer" >         < div className = " f-brand " > &copy; TradeEasy Private Ltd </ div >         < div className = "f-info-socials  " >           < br />< br />< br />           < a href = "https://www.linkedin.com/in/abhishek-kumar5471/" >             < i class = "fa-brands fa-linkedin" ></ i >           </ a >           < a href = "https://github.com/abhishekkumar71" >             < i class = "fa-brands fa-github" ></ i >           </ a >         ...
Read more

**************** EXTRACTING DATA FROM API **************

Image
 TILL NOW WE USED DUMMY DATA FROM DATA.JS AS THE STOCK INFORMATION. NOW,WE WILL USE AN API THAT GIVES THE STOCK INFORMATION. WE WILL USE ALPHAVANTAGE FOR THE REQUIRED INFORMATION. SIGNUP IN ALPHAVANTAGE, YOU WILL RECEIVE AN API KEY  STORE IT IN .ENV FILE .ENV   API_KEY = AKJOQXMHFNU7**** IN ALPHAVANTAGE WE USE THE URL TO FETCH DATA , IN THE URL THERE ARE SOME FIXED PARAMETERS THAT SHOLUD BE INCLUDED IN THE URL. (READ API DOCUMENTATION OF ALPHA VANTAGE). THEY ARE API KEY, FUNCTION AND SYMBOL.   const rawSymbol = req . params . symbol . toUpperCase ();   const fetchStockData = async ( symbolVariant ) => {     const { data } = await axios . get ( "https://www.alphavantage.co/query" , {       params : {         function : "TIME_SERIES_DAILY" ,         symbol : symbolVariant ,         outputsize : "compact" ,         apikey : key ,   ...
Read more