As we've built many features to justify the one-liner description of this project i.e. a go-to networking tool, now it's time to revamp the existing UI.
Add a new component History.js which will display the details of last 10 scans. Refer the image attached below for design.
As of now, create the History.js which takes its data of last 10 scans from a json file scans.json(create a json file with harcoded data for last 10 scans) and displays according to the given UI
P.S. : The basic frontend on react is available on feature/frontend-react branch in the folder network-scanner. Add your components in the same branch. Do not make any changes in App.js / index.js.
As we've built many features to justify the one-liner description of this project i.e. a go-to networking tool, now it's time to revamp the existing UI.
Add a new component
History.jswhich will display the details of last 10 scans. Refer the image attached below for design.As of now, create the
History.jswhich takes its data of last 10 scans from a json filescans.json(create a json file with harcoded data for last 10 scans) and displays according to the given UIP.S. : The basic frontend on react is available on
feature/frontend-reactbranch in the foldernetwork-scanner. Add your components in the same branch. Do not make any changes inApp.js/index.js.