Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thecoderadi/netcraft
Network Topology Viewer is an interactive tool designed to visualize and simulate different network topologies. It helps users understand how networks operate by animating packet transfers and allowing dynamic topology adjustments.
https://github.com/thecoderadi/netcraft
animation educational javascript nextjs open-source react shadcn-ui simulation tailwindcss typescript
Last synced: 20 days ago
JSON representation
Network Topology Viewer is an interactive tool designed to visualize and simulate different network topologies. It helps users understand how networks operate by animating packet transfers and allowing dynamic topology adjustments.
- Host: GitHub
- URL: https://github.com/thecoderadi/netcraft
- Owner: TheCoderAdi
- Created: 2024-09-17T04:58:35.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2024-10-27T14:03:30.000Z (24 days ago)
- Last Synced: 2024-10-27T14:41:00.506Z (24 days ago)
- Topics: animation, educational, javascript, nextjs, open-source, react, shadcn-ui, simulation, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://net-craft.vercel.app
- Size: 212 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
## Getting Started
To run the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/TheCoderAdi/NetCraft.git
```
2. Navigate to the project directory:
```bash
cd NetCraft
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## Introduction
The **NetCraft** is a dynamic tool designed to visualize and simulate various network topologies. Users can interactively explore different network structures, observe packet transfers, and analyze the performance of each topology.
## Usage
1. Select a network topology from the dropdown menu.
2. Specify sender and receiver nodes.
3. Click on "Transfer Packet" to start the simulation.
4. Observe the packet transfer animation and network statistics.
## Features
- **Supported Topologies**:
- Mesh
- Star
- Ring
- Bus
- (Future: Tree, Hybrid, Fully Connected)
## Future Updates
- **Interactive File Transfer Simulation**: Visualize packet movements between nodes.
- **Dynamic Topology Changes**: Add or remove nodes in real-time.
- **Latency and Performance Simulation**: Analyze network performance.
- **Network Statistics**: Real-time metrics on network load and efficiency.
- **Node Failures**: Simulate the impact of node failures.
- **Custom Styling Options**: Personalize node and connection styles.
- **Educational Tooltips**: Learn about different topologies and their use cases.
- **Save and Load Topologies**: Save and share custom network configurations.
- **Real-Time Collaboration**: Work with others in real-time.
- **Device Responsiveness**: Fully functional on mobile and tablet devices.
- **Download Visualizations**: Export network diagrams as images or JSON.
- **Themed Challenges**: Engage with network design challenges.
- **Dark Mode**: Switch to a dark theme for better visibility in low light.
- **Custom Packet Animation**: Customize packet animations for better visualization.
- **Graphical Comparison**: Compare different topologies side-by-side.
- **AI-Based Suggestions**: Get recommendations for optimal topologies based on your inputs.
## Contributing
We welcome contributions to improve the Network Topology Viewer. Please check out our [contributing guidelines](CONTRIBUTING.md) for more details.
## License
This project is licensed under the MIT License.