// PROJECT · 2024

DevToolBox

Web suite for network packet analysis, editing, generation, and hex viewing. No local tool setup required — runs entirely in the browser.

PythonFlaskVue.js 3ScapyDockerVercel

The Problem

Network engineers and security professionals constantly juggle multiple local tools for PCAP work: Wireshark for inspection, Scapy scripts for editing, custom tooling for generation. DevToolBox collapses this into a single browser-based app — upload a PCAP, do the work, download the result.

Features

PCAP Editor
Upload PCAP/PCAPNG files. Modify MAC addresses, IPs, ports, VLAN IDs, TLS SNI fields, and HTTP Host headers. Automatic checksum recalculation on every edit.
PCAP Generator
Generate synthetic packet flows with full TCP 3-way handshakes. Supports HTTP, DNS (UDP/TCP), TLS Client Hello, VLAN tagging, and incremental destination IPs for unique flows.
PCAP Merger
Combine two or more PCAP/PCAPNG files into a single chronologically-ordered capture. Preserves millisecond timing and packet sequencing across all input files.
Hex Viewer
Inspect any binary file as a hex dump with auto-detected encoding (UTF-8, ASCII, Latin-1, UTF-16, UTF-32). Search by hex pattern or ASCII text. Pagination for large files.

Stack

backend
Python 3 / Flask
frontend
Vue.js 3 / Vite
packet engine
Scapy
http client
Axios
container
Docker
hosting
Vercel (frontend)

Quick Start

git clone https://github.com/Ajay3007/devtoolbox.git
cd devtoolbox

# Backend
python -m venv .venv && source .venv/bin/activate
pip install -r backend/requirements.txt
python backend/app.py          # → localhost:5000

# Frontend
cd frontend && npm install && npm run dev  # → localhost:8080