VLSM-Calculator - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #go #android #machine-learning #docker #java #awesome #cli #security #openai #mcp #open-source

VLSM-Calculator

(★ 9)

Vlsm Calculator. Free online VLSM calculator for network engineers. Calculate subnet masks and IP ranges.

파일 탐색기

최종 버전 다운로드 (.zip)

- home-tab.png
- laptop-view.PNG
- mobile-view.PNG
- subnet-tab.png
- vlsm-tab.png
- index.html
- manifest.json
- robots.txt
- website.png
- - Header.jsx
  - IPInput.jsx
  - ResultsCard.jsx
  - ResultsTable.jsx
  - SubnetCalculator.jsx
  - VLSMCalculator.jsx
- - Home.css
  - Home.jsx
- - header.css
  - main.css
  - ResultsCard.css
  - ResultTable.css
  - SubnetCalculator.css
  - VLSMCalculator.css
- - ipCalculator.js
- App.css
- App.js
- App.test.js
- index.css
- index.js
- reportWebVitals.js
- setupTests.js
LICENSE
package-lock.json
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# VLSM Calculator
A professional tool for calculating Variable Length Subnet Masks (VLSM) for network engineers and students.

---

![Laptop View of Home Page](https://raw.githubusercontent.com/AbdulAHAD968/VLSM-Calculator/main/github-asset/laptop-view.PNG)

---

## Features

- Calculate subnet masks, network ranges, and CIDR notation
- Support for multiple network requirements in a single calculation
- Detailed results including network address, broadcast address, and usable host range
- Responsive design that works on desktop and mobile devices
- Progressive Web App (PWA) support for offline use

---

![View of Home Page](https://raw.githubusercontent.com/AbdulAHAD968/VLSM-Calculator/main/github-asset/home-tab.png)

---

## Technologies Used

- React.js
- Framer Motion (for animations)
- CSS3 (flexbox and grid layout)
- IP calculation utilities

---

![View of VLSM Page](https://raw.githubusercontent.com/AbdulAHAD968/VLSM-Calculator/main/github-asset/vlsm-tab.png)

---

## Installation

1. Clone the repository:
   ```bash
   git clone https://github.com/AbdulAHAD968/VLSM-Calculator.git
   ```
2. Install dependencies:
   ```bash
   cd vlsm-calculator
   npm install
   Run the development server:
   npm start
   ```
3. Open http://localhost:3000 to view in browser.

4. Building for Production
   To create an optimized production build:
```bash
npm run build
```
This will create a build folder with all static files ready for deployment.

---

# Usage

1. Enter the base IP address and CIDR notation
2. Specify your network requirements (name and number of hosts needed)
3. Click "Calculate" to generate the VLSM results
4. View detailed subnet information for each network

---

# Project Structure
```bash
/src
  /components      # React components
  /utils           # Utility functions and calculators
  /styles          # CSS stylesheets
/public            # Static files and assets
```

---

# Contributing
- [x] Contributions are welcome. Please follow these guidelines:
- [ ] Fork the repository
- [ ] Create a new branch for your feature
- [ ] Submit a pull request with a clear description of changes

---

# License
This project is licensed under the MIT License - see the LICENSE file for details.

---

# Acknowledgments
- [x] Inspired by networking courses and certification materials
- [x] Built with modern web development best practices

# Mobile View

---

![Mobile View](https://raw.githubusercontent.com/AbdulAHAD968/VLSM-Calculator/main/github-asset/mobile-view.PNG)

---

![View of SUBNET Page](https://raw.githubusercontent.com/AbdulAHAD968/VLSM-Calculator/main/github-asset/subnet-tab.png)

---