2023-05-10 02:30:16 +00:00
|
|
|
# Visual Subnet Calculator
|
|
|
|
|
|
2023-05-18 05:46:48 +00:00
|
|
|
Use live: [visualsubnetcalc.com](https://visualsubnetcalc.com)
|
|
|
|
|
|
2023-05-10 05:43:44 +00:00
|
|
|
Visual Subnet Calculator is a modernized tool based on the original work by [davidc](https://github.com/davidc/subnets).
|
|
|
|
|
It strives to be a tool for quickly designing networks and collaborating on that design with others. It focuses on
|
|
|
|
|
expediting the work of network administrators, not academic subnetting math.
|
|
|
|
|
|
2023-05-23 02:31:50 +00:00
|
|
|
## Design Tenets
|
2023-05-10 05:43:44 +00:00
|
|
|
|
2023-05-23 02:31:50 +00:00
|
|
|
The following tenets are the most important values that drive the design of the tool. New features, pull requests, etc
|
|
|
|
|
should align to these tenets, or propose an adjustment to the tenets.
|
2023-05-10 05:43:44 +00:00
|
|
|
|
|
|
|
|
- **Simplicity is king.** Network admins are busy and Visual Subnet Calculator should always be easy for FIRST TIME USERS to
|
|
|
|
|
quickly and intuitively use.
|
|
|
|
|
- **Subnetting is design work.** Promote features that enhance visual clarity and easy mental processing of even the most
|
|
|
|
|
complex architectures.
|
|
|
|
|
- **Users control the data.** We store nothing, but provide convenient ways for users to save and share their designs.
|
2023-05-23 02:31:07 +00:00
|
|
|
- **Embrace community contributions.** Consider and respond to all feedback and pull requests in the context of these
|
2023-05-23 02:31:50 +00:00
|
|
|
tenets.
|
2023-05-10 02:30:16 +00:00
|
|
|
|
2023-05-18 04:04:14 +00:00
|
|
|
## Building From Source
|
|
|
|
|
|
|
|
|
|
If you have a more opinionated best-practice way to lay out this repository please open an issue.
|
|
|
|
|
|
|
|
|
|
Build prerequisites:
|
2023-05-23 02:40:58 +00:00
|
|
|
- (Optional but recommended) NVM to manage node version
|
|
|
|
|
- node.js (version 20) and associated NPM.
|
|
|
|
|
- sass (Globally installed, following instructions below.)
|
2023-05-18 04:04:14 +00:00
|
|
|
|
|
|
|
|
Compile from source:
|
|
|
|
|
|
|
|
|
|
```shell
|
|
|
|
|
# Clone the repository
|
|
|
|
|
> git clone https://github.com/ckabalan/visualsubnetcalc
|
2023-05-23 02:31:07 +00:00
|
|
|
# Use reccomended NVM version
|
|
|
|
|
> nvm use
|
2023-05-18 04:04:14 +00:00
|
|
|
# Change to the sources directory
|
|
|
|
|
> cd visualsubnetcalc/src
|
|
|
|
|
# Install Bootstrap
|
|
|
|
|
> npm install
|
2023-05-23 02:31:07 +00:00
|
|
|
# Compile Bootstrap (Also install sass command line globally)
|
|
|
|
|
> npm run build
|
2023-05-18 04:04:14 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
The full application should then be available within `./dist/`, open `./dist/index.html` in a browser.
|
|
|
|
|
|
2023-05-21 05:21:57 +00:00
|
|
|
## Credits
|
|
|
|
|
|
|
|
|
|
Split icon made by [Freepik](https://www.flaticon.com/authors/freepik) from [Flaticon](https://www.flaticon.com/).
|
|
|
|
|
|
2023-05-10 02:30:16 +00:00
|
|
|
## License
|
|
|
|
|
|
|
|
|
|
Visual Subnet Calculator is released under the [MIT License](https://opensource.org/licenses/MIT)
|
