PCAP Visualizer

Table of Contents

1. Introduction
2. Built With
3. Features
4. Getting Started

Introduction

Managing and understanding network traffic is essential for maintaining secure and efficient systems. The application simplifies this process by allowing users to upload CSV files that reference packet capture (pcap) files. These files contain detailed data about network traffic, the application uses this data to create interactive graphs that show the connections between different devices on the network. Additionally, the application includes powerful search and filter tools, making it easy to find specific information and examine the details of the pcap files.

Built With

Features

CSV Indexing: Upload CSV files that reference and index multiple pcap files for streamlined analysis.

CSV Indexing: Upload multiple network pcap files.

Network Visualization: Dynamic, interactive graphs that display the connections between devices based on pcap data.

Flagged Packets: Flag the packets for further visualization and inspection.

Customizable Filters: Filter data based on IP addresses, timeframes, protocols, ports, and more.

Packet Details: Access detailed information about individual packets, including source and destination IP addresses, ports, protocols, and payload data.

Dockerizing React Applications with Vite: Dockerized React application

Dockerizing Full Stack Applications: Dockerized a complete MERN stack application, covering frontend, backend, and database.

Getting Started

This section describes how you can setup the project locally. To get the local copy up and running follow these simple steps.

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm
• Docker

Installation Guide

Clone Repository

git clone https://github.com/manishkc104/PCAP-network-packet-file-info.git

Navigate to the cloned repository:

cd PCAP-network-packet-file-info

Navigate to the frontend directory::

cd pcap-frontend

Run npm run dev to start the frontend development server

npm run dev

Navigate to the backend directory::

cd pcap-backend

Run npm start to start the backend development server

npm start

To run build and run the docker container

docker-compose --build