Documentation – Tools Hub by Mert

Overview

Tools Hub by Mert is a curated collection of developer and cloud utilities. The tools are built to be fast, secure, and privacy-focused.

Client-Side Execution: All logic runs in your browser. No network data is sent to any server.
No Persistence: Data is not stored in any database. Use Export/Import to save your work.
Shareable: URL state allows for instant sharing of snapshots.

Workflows

1. Design & Plan

Start by creating your network topology. Whether you are splitting a single CIDR or designing a multi-region hub-and-spoke architecture, the inputs are interactive and validated against cloud provider rules (AWS, Azure, GCP).

2. Export to Documentation

Once your design is ready, use the Markdown Export feature.

Click the Markdown button in the toolbar.
Copy the generated table directly into Confluence, GitHub/GitLab Wikis, or Notion.
The output is formatted as a clean Markdown table, compatible with most documentation platforms.

3. Export to Infrastructure as Code

Move from design to deployment instantly.

Terraform (HCL): Downloads a .tf file with `azurerm_virtual_network` and `azurerm_subnet` resources.
Bicep: Downloads a .bicep file with structured Azure resources.
JSON: Exports the raw topology data for custom processing.

4. Save & Iterate

Since there is no backend database, "saving" works differently:

Share URL: Copy the URL from the address bar (or use the Share button). It contains the entire state of your design (compressed). Bookmark it to return later.
Import: If you saved a Markdown export in your documentation, you can paste that Markdown back into the tool to reconstruct your design.
Import JSON: For complex topologies, save the JSON export and re-upload it later.

Tool Guides

Cloud Subnet Calculator

A recursive subnet splitter.

Input: Enter a base CIDR (e.g., 10.0.0.0/16).
Divide: Click the Divide icon on any row to split it into two halves.
Join: Click the Join icon to merge two adjacent, empty subnets back together.
Label: Click the Edit icon to name a subnet (e.g., "Web Tier", "AKS Cluster").
Provider Rules: Select AWS, Azure, or GCP to see usable IP counts and validation warnings (e.g., Azure reserves 5 IPs).

Azure VNet Designer

A multi-VNet topology planner. Visually arranges distinct VNet cards side-by-side.

Add VNet: Click the big "Add VNet" card to create a new virtual network.
Configure: Set the Name, Region (e.g., East US), and Role (Hub, Spoke, Shared).
Subnetting: Each VNet card acts like a mini Subnet Calculator. Split and label subnets independently.
Drag & Drop: Reorder VNets to visualize traffic flow or logical grouping.