README • Features • Installation • Docs • License • Linked in

 
    _   __     __ _    ___      _           
   / | / /__  / /| |  / (_)____(_)___  ____ 
  /  |/ / _ \/ __/ | / / / ___/ / __ \/ __ \
 / /|  /  __/ /_ | |/ / (__  ) / /_/ / / / /
/_/ |_/\___/\__/ |___/_/____/_/\____/_/ /_/ 

Vitrual Network Simulator

About

Born in the heart of fundamental networking, built on react + express. Netvision uses Algorithms - and Object Oriented Programming to simulates the low level processes such as the address resolution protocol (ARP) which happens when pings are sent among network devices in a Local Area Network (LAN).

Features

• Device Modeling - Simulates virtual models of real world computer network components such as PCs, Switches and routers with properties such as mac addresses,IP Addresses, ARP Tables and methods such as Logging and Ping Sending using OOP.
• Network Topology - Simulates a virtual setup of a real-world network by integrating react flow to create a star topology.
• Ping Visualization - Visualizes the process of sending packets across lans by integrating react flow to display animations.
• Logs Visualization - Visualizes low level processes such as ICMP and ARP requests and responses in the backend via websockets through a react component.
• Send Ping Function - Provides functionality to send pings amongst devices in the network.

Tech Stack

Demo

Check out Kronos in action:

System Diagram

Installation

Follow these steps to run Kronos locally:

1. Clone the repository

git clone https://github.com/thechibuikem/NetVision.git
cd kronos

2. Install dependencies

Backend

cd backend
npm install

Frontend

cd ../
npm install

3. Set up variables

Backend Example

PORT=5000

Frontend example

VITE_BACKEND_URL=http://localhost:5000

4. Run the project

Backend

cd backend
npm run dev

Frontend

cd frontend
npm run dev

5. Open in browser

Visit http://localhost:5173 to use NetVision.

License

This project is licensed under the MIT

Docs

Full documentation here.