*******DEPLOYMENT********

 WE DEPLOY THE PROJECT ON RENDER. 

BEFORE DEPLOYING, WE CREATE A GITHUB REPOSITORY ON THE NAME OF TRADE EASY.

ON RENDER WE DEPLOY BACKEND AS A WEB SERVICE.

THE FRONTEND AND DASHBOARD AS STATIC SITES AS THEY ARE CREATE REACT APPS

WE BEGIN WITH DEPLOYING BACKEND FIRST , FOLLOWED BY DASHBOARD AND FRONTEND NEXT.

WE CONNECT ALL OF THEM USING RENDER LINKS. NOTE THE BUILD AND START COMMANDS.

FOR THE BACKEND , URL: https://tradeeasy.onrender.com




IN THE FRONTENDAND DASHBOARD A NEW FILE _redirects IS CREATED IN THE PUBLIC FOLDER.

/*    /index.html   200  THIS LINE ENSURES REDIRECTS


DASHBOARD  URL: https://tradeeasy-2.onrender.com





FRONTEND

URL: https://tradeeasy-frontend.onrender.com









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