Port Scanner Component

[devRawnie]

Description

Please include a summary of the change and which issue is fixed.
Please also include relevant motivation and context.
List any dependencies that are required for this change.
Created a new PortScanner Form Component as per the given design. Also added logic for validation of the inputs.

Fixes #121

Type of change

Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality)

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• Any dependent changes have been merged and published in downstream modules
• I have added all the three reviewers: @vinitshahdeo, @Kashish121 & @ishika1727

[welcome]

Thanks for opening this pull request! 🤗
Are you looking for more beginner-friendly issues? Check out this repo.

Check out few other repos below 🚀

PS: Please add @vinitshahdeo / @Kashish121 / @ishika1727 as a reviewer if you haven't added.

[ishika1727]

@devRawnie Some changes:

1. Please remove the css from index.css. Instead create a file portscanner.css in a new folder called css and put the styling in it.
2. Do not commit any changes in App.js. Revert it back the way it initially was.

Please do the required changes by today EOD

[devRawnie]

Sure, doing that right away.

[devRawnie]

I have committed the new changes as per the requirements. Kindly go through the same

[ishika1727]

Good to go. 👍

[welcome]

Congrats on merging your first pull request! 🙌🎉⚡️
Show some love by starring a few of my repositories.