search

vinitshahdeo / PortScanner

A go-to tool for scanning network. Scan all the open ports for a given host with just one click.
https://vinitshahdeo.github.io/PortScanner/
MIT License
133 stars 115 forks source link

Search Results component in React #156

Open ishika1727 opened 3 years ago

ishika1727 commented 3 years ago

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 Results.js which willdisplay the result of the current scan. Refer the image attached below for design.

As of now, create Results.js which takes input from results.json(create a json file with hardcoded results) and display them according to the 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.

image

nitish-awasthi commented 3 years ago

kindly add level3 label here too. @ishika1727

devRawnie commented 3 years ago

Hi, I would like to work on this issue. Kindly assign this to me

subhangi2731 commented 3 years ago

please assign me

vinitshahdeo commented 3 years ago

@subhangi2731 Assigning you this issue.

subhangi2731 commented 3 years ago

@vinitshahdeo @ishika1727 After giving the request and getting that json I have to parse and print the json in UI right by using Bootstrap with react ??

ishika1727 commented 3 years ago

@vinitshahdeo @ishika1727 After giving the request and getting that json I have to parse and print the json in UI right by using Bootstrap with react ??

Yes. You can go ahead!