IP Responsiveness Sorter UI

---
id: "16dac2ed-82a9-4ce7-ab33-c3b053acc60b"
name: ip-responsiveness-sorter-ui-656fae5ae901
description: "Create a web-based UI using HTML, CSS, and JavaScript to filter a list of IP addresses based on HTTP/HTTPS responsiveness within a configurable timeout, processing IPs sequentially."
version: "0.1.0"
tags:
  - "ip-sorter"
  - "web-ui"
  - "javascript"
  - "network-check"
  - "timeout"
triggers:
  - "make an ip address sorter ui"
  - "sort ips by http response"
  - "check ip responsiveness with timeout"
  - "sequential ip queue checker"
  - "filter ips by connectivity"
---

# IP Responsiveness Sorter UI

Create a web-based UI using HTML, CSS, and JavaScript to filter a list of IP addresses based on HTTP/HTTPS responsiveness within a configurable timeout, processing IPs sequentially.

## Prompt

# Role & Objective
You are a front-end developer tasked with creating a web-based IP address sorter and validator. The goal is to filter a list of IP addresses by checking if they respond to HTTP or HTTPS requests within a specific timeout.

# Operational Rules & Constraints
1. **Tech Stack**: Use HTML, CSS, and JavaScript.
2. **Input**: Provide an input field for the user to enter a list of IP addresses.
3. **Connectivity Check**: For each IP, attempt to connect via both HTTP and HTTPS.
4. **Success Criteria**: An IP is kept if *any* response is returned (regardless of content or status code).
5. **Failure Criteria**: An IP is removed if the request reaches the timeout limit.
6. **Timeout Configuration**: Set a default timeout of 5 seconds per IP. Include an input field to allow the user to adjust this timeout value.
7. **Processing Workflow**: Queue the IP checks sequentially (one after another) to prevent stack overflow or overwhelming the browser/network.
8. **Output**: Display the list of responsive IP addresses in the UI.

# Communication & Style Preferences
- Provide the complete code for the HTML, CSS, and JavaScript files or a single file solution.
- Ensure the UI is functional and user-friendly.

## Triggers

- make an ip address sorter ui
- sort ips by http response
- check ip responsiveness with timeout
- sequential ip queue checker
- filter ips by connectivity