Network Subnet Troubleshooter is a responsive web app built as a practical toolkit for network fundamentals: accurate subnet calculation, OSI layer troubleshooting mindset, essential command cheatsheet, and real-world case simulations.
The core experience is designed to be lightweight, stable, and easy to present during interviews.
- 🧮 Subnet Calculator
- Network address, broadcast address, host range, subnet mask, usable hosts
- Edge cases support: CIDR
/0,/31, and/32 - Reset and copy helpers
- 🧠 OSI Layer Guide
- Layer responsibilities
- Common symptoms per layer
- Suggested checks during troubleshooting
- 🧰 Command Cheatsheet
ping,tracert / traceroute,nslookup- Practical examples across operating systems
- 🧪 Case Simulation
- Symptoms, diagnosis steps, root cause, and recommended fixes
- ✅ IP validation (4 octets, 0–255)
- ✅ CIDR validation (0–32)
- ✅ Reject invalid input early to prevent incorrect calculations
- TypeScript, React
- Vite build workflow
- No external database required for core features
npm install
npm run devOpen the local URL shown in the terminal.
.
├── client/
├── server/
├── shared/
├── script/
├── attached_assets/
├── package.json
└── README.md
- Export results to PDF dan CSV
- Dark mode
- Subnet calculation history
- PWA support
For educational and portfolio purposes.