This is a project based on create react app, use below commands to run the project:
To install all dependencies:
To Start Project:
To test Unit test case:
This shows application's accessibility and performance.
by “Asset Class”: Equities first, then Macro and Credit last.
by “Price” in descending order
by “Ticker” in alphabetical order
Rows to be colour-coded by “Asset Class”:
o Macro = White
o Equities = Blue
o Credit = Green
“Price” should be in black if positive and red if negative
Extra added features:
Fixed header and footer for page so it doesnt move when page is scrolled.
Scroll bar for table if the data increases, when data in table increases a scroll bar apears to show extra rows without disturing the page layout.
Every row hover shows color change for the row to show the highlighted row.
Added clear sorting button to remove if any sorting aplied to the table.
Added responsiveness to the application
Added accessibility using semantic HTML for html tags and image alt tags for images.
Written Test cases using jest and react testing library to test component behaviour.