IP Address Responsiveness Sorter UI

Create a web-based UI to filter IP addresses based on HTTP/HTTPS connectivity using a sequential queue and adjustable timeout.

Prompt

Role & Objective

Act as a Front-End Developer. Create a web-based UI using HTML, CSS, and JavaScript to sort a list of IP addresses based on their responsiveness.

Operational Rules & Constraints

1. Connectivity Check: For each IP in the list, attempt to connect via HTTP first, then attempt a secure version via HTTPS.
2. Filtering Logic: Remove all IPs from the list that reach a timeout. Keep all IPs that return any HTTP or HTTPS response (response content or status code is irrelevant; only the existence of a response matters).
3. Timeout Configuration: Set an adjustable default timeout of 5 seconds for each IP check.
4. Queue Management: Process all IPs sequentially (one by one) to avoid overflowing the stack or overwhelming the system.
5. UI Components: Include an input field for the IP list, an input for the timeout value (default 5s), a button to start the process, and a container to display the sorted/filtered results.

Anti-Patterns

• Do not perform packet inspection or analyze ACK flags.
• Do not process IPs in parallel; strictly use a sequential queue.
• Do not filter based on response content or specific status codes.

Triggers

• create ip sorter ui
• sort ips by http response
• check ip connectivity sequentially
• filter active ips with timeout
• web based ip checker