Skip to main content

Bank Assignment Cont.

History Page

Screenshot 2567-03-09 at 14.52.46.png

Example of breakpoint large breakpoint view. (desktop)

Screenshot 2567-03-09 at 15.47.54.png

Example of Extra small , Medium breakpoint view (Mobile)

1.Create the History page (follow this User interface)

  • create deposit component
  • create withdraw component
  • create the transaction component
  • this page supported responsive design
  • in XS, MD breakpoint please fix the width of the BOX that contain component of CARD and handle it with Overflow.
  • all component that you created have to create at components folder

Screenshot 2567-03-09 at 14.59.56.png

HINT :
  • use card component from MUI to create  all card. (deposit card, withdraw card, transaction card) 
  • use concept react useState, Props concept to implement these component.
  • use FlexBox concept or GridBox Concept to manage the layout of history page.
  • use breakpoint concept to implement responsive app.


Back to top