RackFlow is a private, browser-based workspace for planning equipment racks and documenting network connections. It combines rack-unit placement, equipment templates, port assignment, PoE tracking, endpoint management, and topology visualization without requiring an account or server.
- Plan multiple rooms and 12U, 24U, or 42U racks
- Place and rearrange switches, patch panels, firewalls, UPS units, and servers
- Track front, back, and primary port assignments
- Add cameras, wireless access points, and ethernet jacks individually or in bulk
- Monitor PoE demand against switch budgets
- Visualize and print connected network paths
- Create and edit reusable equipment templates
- Save designs in browser storage
- Import and export portable JSON designs
- Load a completely synthetic sample design
RackFlow has no backend, authentication provider, database, analytics, or external API. Designs and custom templates remain in browser storage unless explicitly exported. The sample data and default equipment catalog are synthetic and vendor-neutral.
- Angular 20 standalone components
- Strict TypeScript
- Native HTML drag-and-drop and browser storage
- Jasmine and Karma unit tests
- Docker and nginx for optional self-hosting
- GitHub Actions and GitHub Pages
npm ci
npm startOpen http://localhost:4200.
npm test -- --watch=false --browsers=ChromeHeadless
npm run build
npm audit --omit=devdocker build -t rackflow .
docker run --rm -p 8080:80 rackflowThen open http://localhost:8080.
RackFlow deliberately models only generic design concepts: rooms, racks, equipment, ports, links, and external endpoints. It contains no production topology, customer information, credentials, operational configuration, vendor inventory, or private deployment integration.