NetDash Toolkit

The Ultimate Network Engineering Workbench

Features • Quick Start • Tools • Tech Stack • Roadmap • Desktop App

---

What is NetDash?

NetDash Toolkit is a comprehensive, browser-based network engineering workbench that consolidates 40+ professional networking tools into a single, elegant interface. Built for network engineers, system administrators, and IT professionals who need powerful utilities without the overhead of installing multiple applications.

Privacy First All calculations run 100% client-side. Your network data never leaves your browser.

Cloud Sync Sign in with Google or Email to sync your projects across devices with Firebase.

Zero Install Access professional-grade tools instantly from any modern browser. No downloads required.

Dark Mode Beautiful light and dark themes that adapt to your system preferences.

---

Features

Category	Tools	Description
Address Planning	Subnet Calculator, VLSM Planner, VLAN Manager	IPv4/IPv6 subnetting with RFC3021 support, optimal VLSM allocation, multi-vendor VLAN templates
Routing & Switching	Routing Tools, Wireless Tools, ACL Generator	OSPF/EIGRP/Static route builders, WiFi channel planning, Cisco IOS ACL generation
Troubleshooting	Conflict Checker, Network Tester, DNS Tools	IP/MAC conflict detection, RTT/throughput testing, DNS-over-HTTPS queries
Utilities	MTU Calculator, IPv6 Tools, OUI Lookup, Cable Calculator	Protocol overhead analysis, EUI-64 generation, MAC vendor ID, fiber/copper signal loss
Wireless	Wireless Tools, WiFi QR Generator	Channel planning, interference analysis, WiFi QR codes for instant network connection
Converters	IP Converter, Data Unit, Subnet Mask, MAC Formatter	Binary/hex/decimal IP conversion, data unit conversion, MAC address formatting
Diagnostics	SSL Checker, WHOIS, Email Diagnostics, HTTP Headers	TLS certificate analysis, domain lookup, SPF/DKIM/DMARC validation, header inspection
Dev Tools	JSON Formatter, Regex Tester, JWT Decoder, Hash Gen	JSON beautification, regex testing with highlighting, JWT decoding, SHA/MD5 hashing
Reference	Port Reference, CIDR Reference, Protocol Numbers	Searchable port database, CIDR cheat sheet, protocol reference tables
Cloud & Sync	Project Manager, Sharing, Authentication	Firebase cloud sync, project sharing, Google/Email sign-in, cross-device persistence

---

Quick Start

Prerequisites

• Node.js 20.0 or later
• pnpm 9.0 or later (recommended) or npm

Installation

# Clone the repository
git clone https://github.com/sunnypatell/netdash-toolkit.git

# Navigate to the project directory
cd netdash-toolkit

# Install dependencies
pnpm install

# Start the development server
pnpm dev

Open http://localhost:3000 to access NetDash.

Production Build

# Create optimized production build
pnpm build

# Start production server
pnpm start

---

Tool Suite

Subnet Calculator — Dual-stack IPv4/IPv6 calculations

• Full IPv4 and IPv6 subnet calculations
• Network, broadcast, and host range computation
• CIDR notation with netmask conversion
• Special address detection (private, loopback, multicast, link-local)
• RFC3021 /31 point-to-point link support
• Export results to CSV/JSON

VLSM Planner — Variable Length Subnet Masking optimization

• Optimal subnet allocation algorithm
• Host requirement-based planning
• Visual heatmap of network utilization
• Support for /31 and /32 prefixes
• Utilization statistics and waste analysis
• Export to CSV, JSON, or text

VLAN Manager — Enterprise VLAN design and configuration

• VLAN database management with validation
• Switch port configuration (access/trunk modes)
• IPv4/IPv6 subnet overlap detection
• Multi-vendor configuration generation:
  • Cisco IOS
  • Aruba CX
• Native VLAN and trunk allowed VLAN validation
• CSV export of VLAN database

Routing Tools — Configuration builders for routing protocols

• OSPF: Area configuration, network statements, process ID management
• EIGRP: AS configuration, network statements, wildcard masks
• Static Routes: Next-hop and exit-interface support, tracking options
• CIDR normalization and validation
• Discontiguous mask rejection
• Administrative distance reference

Wireless Tools — WiFi planning and configuration

• 2.4 GHz and 5 GHz channel planning
• Channel interference analysis
• Capacity calculator with real-world throughput estimates
• Per-client bandwidth calculations
• Cisco wireless configuration templates
• Security best practices checklist

ACL Generator — Access Control List builder

• Standard and Extended ACL support
• Host/CIDR/wildcard mask parsing
• TCP/UDP port specification with operators (eq, gt, lt, neq, range)
• ICMP type and code support
• TCP flags and "established" keyword
• Security warnings for dangerous rules
• Cisco IOS configuration output

IP Conflict Checker — Network conflict detection

• Multi-format input parsing:
  • Windows ARP tables
  • Linux ip neigh output
  • Cisco ARP/MAC tables
  • DHCP lease files
• IP and MAC duplicate detection
• Conflict severity classification
• Remediation recommendations
• Export to CSV or remediation report

Network Tester — Connectivity and performance testing

• HTTP-based RTT measurement with jitter analysis
• Throughput testing (download/upload)
• DNS-over-HTTPS queries (Cloudflare, Google, Quad9, OpenDNS, AdGuard)
• DNSSEC validation
• MTU calculator with protocol overhead
• OUI/MAC vendor lookup

DNS Tools — DNS query and analysis

• Multiple DoH providers
• Record type support: A, AAAA, CNAME, MX, NS, TXT, SOA, PTR, SRV
• DNSSEC validation indicator
• Response time measurement
• Detailed record information display

MTU Calculator — Protocol overhead analysis

• Link MTU configuration
• IPv4/IPv6 protocol selection
• Transport layer overhead (TCP/UDP)
• Encapsulation protocols:
  • Ethernet II, 802.1Q VLAN, QinQ
  • PPPoE, GRE, VXLAN, IPsec ESP
• Fragmentation warnings
• Maximum payload calculation

Cable Calculator — Fiber and copper signal loss analysis

• Fiber Optic (TIA-568.3-D compliant):
  • Single-mode: OS1, OS2 at 1310nm/1550nm
  • Multi-mode: OM1, OM2, OM3, OM4, OM5 at 850nm
  • Connector loss calculation (0.75 dB per mated pair)
  • Splice loss: fusion (0.1 dB) and mechanical (0.5 dB)
  • Power budget analysis with link margin warnings
• Copper Ethernet (TIA-568-D compliant):
  • Cat5e through Cat8 distance validation
  • Permanent link and channel model support
  • 10GBASE-T distance limits
  • Patch cord length validation
• Export to JSON and save to project

WiFi QR Generator — Instant WiFi connection QR codes

• Standard WIFI:// QR code format
• Security type support:
  • WPA2-Personal (recommended)
  • WPA3-Personal (SAE)
  • WEP (legacy with warning)
  • Open networks
• Hidden network support
• Special character escaping (;, :, ,, \, ")
• Download as PNG or SVG
• Copy QR string to clipboard
• Save configuration to project

---

Tech Stack

Layer	Technology
Framework	Next.js 14 with App Router
Language	TypeScript 5
Styling	Tailwind CSS 4
Components	shadcn/ui + Radix UI
Backend	Firebase (Auth + Firestore)
Icons	Lucide React
Charts	Recharts
Forms	React Hook Form + Zod
Theming	next-themes
Deployment	Vercel

---

Project Structure

netdash-toolkit/
├── app/                    # Next.js App Router
│   ├── layout.tsx         # Root layout with theme provider
│   ├── page.tsx           # Main application page
│   └── globals.css        # Global styles and Tailwind config
├── components/
│   ├── ui/                # shadcn/ui components
│   │   ├── button.tsx
│   │   ├── card.tsx
│   │   ├── ip-input.tsx   # Custom IP address input
│   │   └── ...
│   ├── tools/             # Network tool components
│   │   ├── subnet-calculator.tsx
│   │   ├── vlsm-planner.tsx
│   │   ├── vlan-manager.tsx
│   │   └── ...
│   ├── dashboard.tsx      # Main dashboard view
│   ├── sidebar.tsx        # Navigation sidebar
│   └── header.tsx         # Application header
├── lib/                   # Utility libraries
│   ├── tool-registry.ts   # Centralized tool metadata and search
│   ├── network-utils.ts   # IPv4/IPv6 calculations
│   ├── network-testing.ts # RTT, DNS, throughput utilities
│   ├── conflict-utils.ts  # Conflict detection algorithms
│   ├── vlan-utils.ts      # VLAN validation and config generation
│   ├── vlsm-utils.ts      # VLSM planning algorithms
│   ├── firebase.ts        # Firebase configuration and auth
│   ├── sharing.ts         # Project sharing utilities
│   └── parsers.ts         # Multi-format data parsers
├── hooks/                 # React hooks
│   └── use-toast.ts       # Toast notification hook
└── public/                # Static assets
    └── favicon.svg        # Application icon

---

Roadmap

Status	Feature	Description
Done	Core Tools	Subnet, VLSM, VLAN, Routing, ACL, Wireless
Done	Network Testing	RTT, Throughput, DNS-over-HTTPS
Done	Dark Mode	System-aware theming
Done	Cloud Sync	Firebase auth, project sync across devices
Done	Project Sharing	Share projects with collaborators via email
Done	Electron App	Desktop version with native networking
Done	Real ICMP Ping	Native ping with Electron
Done	Real Traceroute	TTL-based hop discovery
Done	Port Scanner	TCP/UDP socket scanning
Done	Network Discovery	ARP scanning, device enumeration
Done	Cable Calculator	TIA-compliant fiber/copper signal loss
Done	WiFi QR Generator	WPA2/WPA3/WEP QR codes for instant connection
Done	SSL/TLS Checker	Certificate analysis and security scoring
Done	WHOIS Lookup	Domain and IP registration data
Done	Email Diagnostics	SPF, DKIM, DMARC validation
Done	Developer Tools	JSON, Regex, JWT, Hash, Password generators
Done	Reference Pages	Port numbers, CIDR, protocols, IPv6
Planned	Configuration Backup	SSH-based device config backup
Planned	SNMP Polling	Device monitoring via SNMP
Planned	Network Topology	Visual network mapping

---

Browser Limitations

Running entirely in the browser has some constraints:

Feature	Limitation	Workaround
ICMP Ping	Browsers cannot send ICMP packets	HTTP-based RTT testing
Traceroute	No TTL manipulation available	Simulated hop visualization
Port Scanning	TCP/UDP sockets not accessible	Educational simulation mode
Direct DNS	Only DoH providers accessible	Multiple DoH provider support

Available Now: Electron desktop app with full native networking capabilities!

---

Electron Desktop App

NetDash Toolkit is available as a native desktop application with real networking capabilities that go beyond browser limitations.

Native Features

Feature	Browser	Desktop App
ICMP Ping	HTTP fallback	Real ICMP packets
Traceroute	Simulated	Real TTL-based hop discovery
Port Scanning	Limited	Full TCP/UDP scanning
Network Discovery	Not available	ARP scanning
DNS Queries	DoH only	Direct DNS queries

Install Desktop App

macOS (Homebrew): (supports Apple Silicon & Intel)

brew tap sunnypatell/netdash https://github.com/sunnypatell/netdash-toolkit
brew install --cask netdash
sudo xattr -cr "/Applications/NetDash Toolkit.app"

Note: The xattr command removes the quarantine flag since the app is unsigned.

Building from Source

# Install dependencies
pnpm install

# Development mode (with hot reload)
pnpm electron:dev

# Build for macOS
pnpm dist:mac

# Build for Windows
pnpm dist:win

# Build for Linux
pnpm dist:linux

System Requirements

Platform	Requirements
macOS	macOS 10.13+ (High Sierra or later), x64 or Apple Silicon
Windows	Windows 10+, x64
Linux	Ubuntu 18.04+, Debian 10+, or equivalent

---

Available Scripts

Command	Description
pnpm dev	Start development server with hot reload
pnpm build	Generate optimized production build
pnpm start	Serve production build locally
pnpm lint	Run ESLint for code quality
pnpm electron:dev	Start Electron app in development mode
pnpm dist:mac	Build macOS app (DMG + ZIP)
pnpm dist:win	Build Windows installer (NSIS + Portable)
pnpm dist:linux	Build Linux packages (AppImage + DEB)

---

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'feat(scope): add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

---

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Star this repo if you find it useful!

Made with love by Sunny Patel