Build a Web Based TCP Port Scanner | Challenge

# Introduction

In the previous project, we developed a Python port scanner that leveraged threading and sockets to scan TCP ports. While effective, there's room for improvement using third-party packages.

In this project, we'll enhance our port scanner by integrating the `python-nmap` library, offering more robust scanning capabilities. Furthermore, we'll build a web application using Flask to provide a user-friendly interface for our scanner. This step-by-step project will guide you through the process, ensuring you can follow along and build upon your existing knowledge.

## 👀 Preview

<video src="https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/cysec/project-build-a-web-based-tcp-port-scanner/challenge-1/assets/scan.mp4" width="100%" autoplay loop muted></video>

## 🎯 Tasks

In this project, you will learn to:

- Set up a Flask project and organize its structure.
- Use Flask-WTF to create and handle web forms securely.
- Implement Flask routes to handle web page requests and submissions.
- Utilize the Nmap library in Python to conduct port scans.
- Display scan results dynamically on a webpage using Flask and HTML templates.
- Apply basic Tailwind CSS to enhance the frontend design.

## 🏆 Achievements

By completing this project, you will achieve:

- A foundational understanding of web development with Flask, including routing, template rendering, and form handling.
- Practical experience with integrating Python scripts with web interfaces.
- Proficiency in using the Nmap library for network scanning tasks.
- Skills in utilizing Flask-WTF for form creation and validation in a web application.
- Familiarity with using Tailwind CSS for styling web pages and enhancing user interface design.
- The ability to create a functional web-based application that interacts with backend Python scripts to perform network scans.