this is my bad Bank video walkthrough I will show some functionality first all data information it's empty except for I mean user so let's start if you try to create an account with no name and you get a message name cannot be blank if email it's empty and email cannot be blank password needs to be 8 characters long seven characters needs to be eight characters long eight and you get uh successful message you get then and add another account disabled because everything is empty right now and um information is displayed on the old data page
deposit you get a balance uh the disable button because the field it's empty if you enter an amount you can deposit you get a success message if you enter not a number you get a message please enter a number value if you type A negative number you get a message negative number or zero please enter a positive number and let's make another deposit 100 balance it's updated we now have one thousand one hundred and fifty same with withdraw page button is disabled because it's empty if you type on negative number you have to type a
positive number if you write not a number please enter a number value if it's empty it will be disabled as I mentioned let's withdraw 150 so it will stay at one thousand you get a success message balance it's updated and everything is displayed on the all data page the user we created and the transactions we made to deposit so one withdraw now they discuss questions first the challenges I think the biggest one for me was to display the information in the old data page because I already knew how to do this in plain JavaScript and
the Dom using tables or just plain Json but in react I had to try a couple of things before I finally made it work first I created a react object for the each column or table definition then based on that create create each table Row for each transaction design decisions I removed the bootstrap another bar collapse because I don't like that other green color and I noticed that grading most of the code on the context file made sense to me and then the form com component yes I did I did create a form component uh
which I call the bootstrap card because deposit and we draw pages are almost identical except one ads and the other subtracts so yes I did a form component and finally extra features uh on the old data page I just display all the accounts created and all transactions made and I also added a hovering effect tooltip effect and the Highlight effect uh so I think that's all