NetSim Pro - Stardance

Ship #1

NetSim Pro is an interactive, browser-based computer network simulator engineered to model complex data flows, packet routing, and network security behaviors in real time. Built as a zero-dependency client-side application, it implements custom routing engines including OSPF Dijkstra Shortest Path First (SPF) pathfinders and RIP distance-vector algorithms, alongside automated Layer 7 DHCP discover-ack loops. The workspace features a highly interactive SVG drag-and-drop canvas where users can play around with custom topologies, link devices via Ethernet, fiber, or serial media cables, configure interface states, and inspect diagnostic headers layer-by-layer (Layers 1, 2, 3, 4, 7) using an integrated OSI Stack Inspector.

The primary engineering challenge was bundling the entire canvas state machine, packet scheduler, and protocol simulation logic into three static frontend files, optimized by extending runtime Tailwind CSS configurations in-browser to style the dark Matte Obsidian and Clay Sand interface. To demonstrate its interactive capabilities, the simulator features an engaging Security Lab simulating DDoS flood vectors and ARP cache poisoning (MITM) attacks. Users can explore and test the system by generating pings, observing performance telemetry like CPU spikes on the dashboard, and deploying live mitigations like Firewall Rate Limiters and Switch Dynamic ARP Inspection (DAI) on the fly.

5 devlogs
55h
14.85x multiplier
585 Stardust

Try project → See source code →

Open comments for this post

@NITHIN on NetSim Pro · 20 days ago

9h 5m 7s logged

I have Just fully finished

Open comments for this post

@NITHIN on NetSim Pro · 21 days ago

13h 59m 55s logged

Made some visual refinements to the project’s color scheme by switching to the Matte Obsidian & Clay Sand color palette. The updated palette provides a cleaner, more modern look while improving overall visual consistency across the application.

Changes Made
Updated the application to use the Matte Obsidian & Clay Sand color palette.
Applied the same color palette changes to the GitHub repository.
Updated the App.js file to reflect the new theme and related changes.

This update focuses on improving the application’s appearance while keeping the existing functionality unchanged

Open comments for this post

@NITHIN on NetSim Pro · 22 days ago

16h 45m 15s logged

Today I worked on the JavaScript file, focusing on implementing the application logic. The CSS styling is complete, so my current priority is building and refining the functionality, connecting interactions, and ensuring everything works as expected. The next step is to finish the remaining JavaScript logic, test the features, and resolve any issues that come up during implementation.

Open comments for this post

@NITHIN on NetSim Pro · 23 days ago

14h 37m 46s logged

My index file is done and have started working on my style.css and have pushed the index and readme to github

Open comments for this post

@NITHIN on NetSim Pro · 27 days ago

18m 2s logged

Started working on NetSim Pro today! The project is still in its very early stages, and I’m currently building the foundation. Right now I’m working on the index.html file, setting up the initial structure, layout, and project organization before moving on to styling and functionality. The goal is to create a browser-based network simulator where users can design network topologies, configure devices like routers and switches, and visualize packet flow in real time. There’s a lot planned, but first I’m focusing on getting a clean and scalable frontend structure in place.