PROCEDURE
In this project I used for front end React.js to get it be very interactive with the user.
Firstly I had to install React.js on my computer. This is the link i used to download it: https://www.w3schools.blog/install-reactjs#google_vignette
After following those instructions on the link, I created a folder for my project and then created a react.js file. In my terminal in VSCode I ran the command npm run which starts up the react project.
This is what the webpage to the link should look like when installing node.js and npm on machine to run react.js.
This following image shows the npm run start command in VSCode which starts up the react project.
After 'npm run' is entered in the terminal this will home landing page for what the user sees and interacts with.
The user can either click the prompt on the home page or click login on the top left corner and it will direct them to the login page.
If the user doesn't have an account they can click register and it will direct them to the register page.
After the user has logged in or registered and account and logged in after they then can proceed to the Stockmarket page which shows the stock prices and different charts(line or bar) with the pattern recognition button to start recognizing patterns on that particular stock.
This code navigates to the home page in VSCode where on the homepage there is a background image and on that image has links to register an account or if you already have an account to login. This was done to make it easier for the users.
This code above displays the login feature where the user is prompted to login into there account with a username and password. Also if they don't have an account there is another option to click to take them to register/create an account.
This is the register feature to register an account if the user doesn't have one in order to move on to see the stockmarket.
This is part of the major feature of the project as it displays the fetchStock function to fetch a specific stock (Amazon) using a free API key. So it will gather real time data for this specific stock.
This is the pattern recognition feature where it will detected for double top patterns or double bottom patterns.