Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Port Scanner Form Component in React

See original GitHub issue

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 PortScannerForm.js which will take inputs for:

host to scan
lower range of ports
upper range of ports

This component should also have a button called SCAN. The scanning for open ports will start on clicking this button. Refer the image attached below for design

As of now, on clicking SCAN button, the values in the input fields should be displayed in console

P.S. : The basic frontend on react is available on feature/react branch in the folder network-scanner. Add your components in the same branch. Do not make any changes in App.js / index.js.

Issue Analytics

State:
Created 3 years ago
Comments:12 (2 by maintainers)

Top GitHub Comments

1reaction

devRawniecommented, Mar 13, 2021

Sure thing. I am on it

1reaction

vinitshahdeocommented, Mar 12, 2021

@ishika1727 I have merged the PR. You can assign this issue with a story point of not more than 3 days.

Top Results From Across the Web

How to build a port scanner with Javascript using React Native

This post explores using react native to build a Javascript based port scanner using websockets. Using react native will allow us to ...

Two Ways of Managing State in a Controlled React Form

The user enters their name, email address and a password and we keep track of state in two different ways. You can use...

moroshko/react-scanner: Extract React components and props ...

react -scanner statically analyzes the given code (TypeScript supported) and extracts React components and props usage. First, it crawls the given directory and ......

React Security Vulnerabilities and How to Fix/Prevent Them

React security vulnerabilities are hard to detect. ... can lead an attacker to perform denial of service, port scanning, server-side request forgery, etc....

Live Coding: Android Port Scanner - YouTube

Let's tackle a relatively simple project tonight: a port scanner app for Android. We'll focus on building a minimal but useful port scanner...