@Maanvik on TradeSims · about 1 month ago

7h 42m 23s logged

FINALLY THE STOCK PAGE IS READYYYY

Hours: 17

Note

This is has been a grinddd. So many errors and aaaaaaa 😭😭😭
But the entire stock page with all of its components is currently complete.
The entire page uses fake data inside the MockData.jsFile :)
Next i gotta just create the real api endpoints and feed it to the frontend

Changes in details

The link

The url for the stock is in the format:

<main-url>/stock/<stock_name>

Eg. ( Localhost ) http://127.0.0.1:8000/stock/AAPL/

The top bar

Here is the place where the name and stock exchange is listed.
Watchlist button is also present here
Price, Gain and loss and time is also mentioned

Price chart

A detailed chart with historical data of the stock witht timelines ranging from 1D to Max

About

Simply, an about page with details of Stock

Stats

Displays:

Opening and closing price
Highs and lows (Last day and past year)
Market cap
Volume
Avg volume
Price to earning ratio
Earning per share
Divident yield
Beta

IDK how but this will probabaly be hardest to link to real data as ill have to change models too :(

Financisls

Displays revenue and net income for As bar charts per quarter

News

Its the news duh

Might remove this if i cant link to real data

Order history

Only of said stock.
Straight from dataabse

Buying/Selling panel

Literally, just a place to buy and sell your stocks that you own.
It has its own frontend way of checking if you can afford a stock or not

Position card

Page to display what the user owns of the stock
Has other details like Investment and value

Related stocks

Shows some more stocks to explore
( currently jst like the ones available in the fake data )

AI

AI played a good role here. Helped me debug sooooo many errors and helped in writing certain jss animations and css blocks.

All HTML and most CSS and Js was written by me ( Evident by the 17h worktime 🤣)

Use real data.
Test runs
Connect stock page to main page
Debug

(Hopefully thats all)