SETTING UP

 TOOLS :

VS CODE

NODE 

GIT

GITHUB

FRONTEND:

- HTML

- CSS

-JS

-REACT

-BOOTSTRAP

MATERIAL UI (FOR ICONS)

BACKEND:

-NODE JS

- EXPRESS JS

DATABASE:

-MONGO DB

TESTING FRAMEWORK:

JEST 

USED FOR TEST CASES, SO THAT THE PROJECT AUTOMATICALLY GET'S TESTED.

WE WOULD GIVE SOME BASIC INSTRUCTIONS, SO THAT THE BROWSER RUNS AUTOMATICALLY WITHOUT OUR INVOLVEMENT.

DEPLOYMENT:

AWS ( REQUIRES CREDIT CARD )

CAN USE OTHER FREE RESOURCES


SETTING UP:

CREATE A FOLDER WITH THE PROJECT NAME AND A FILE BACKEND.

WE WILL INSTALL REACT HERE, BY CREATING REACT WITH THE COMMAND:

npx create-react-app frontend

LATER , IN THE TERMINAL WE WOULD SEE SOME COMMANDS 

cd frontend

npm start

THIS WEBPAGE IS LOADED.




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