UI/Integration Engineer (5G Network Management Web App)
4 days ago
Madrid
We’re building a 5G network management web application. You’ll lead the UI and integration for the network electronics module: clear, safe, operator-friendly flows to visualize device status, manage L2/L3 constructs (interfaces, VRF/VPRN, routes, VPLS), configure mirroring (SPAN/ERSPAN), and present PCAP analysis results. A key UX principle is the split between a right-side contextual panel (fast, read-first, safe actions) and an Administration area (full CRUD, validations, dependency checks). You’ll help us bring this philosophy to production. Responsibilities • Implement the panel views (summary, KPIs, compact L2/L3 listings, mirroring/PCAP lists with “View analysis”) and link-outs to Administration for full edits., • Build Administration modules with robust tables, forms, and modals for:, • Interfaces (physical, subinterfaces/VLAN), • L3 (VRF/VPRN, static routes, basic BGP neighbors view), • L2 (VPLS), • Mirroring (SPAN/ERSPAN/PW), • PCAP repository/analysis (upload, analyze, filter, download, analysis modal), • Define validations and guardrails (e.g., IP overlap detection within a VRF, “port in use” indicators) and dependency warnings before destructive actions., • Collaborate with backend to shape normalized data contracts across vendors and ensure accurate mapping of L2/L3 concepts into the UI., • Deliver thoughtful UX: empty states, tooltips, confirmations, graceful error handling, and loading states. Must-have (Networking-first) • Proven hands-on networking experience building or integrating tools that configure or audit routers/switches in production., • Strong L2/L3 fundamentals: VRF/VPRN, VLAN/subinterfaces, static routing, BGP (and familiarity with OSPF/IS-IS), L2VPN/VPLS (SAP/SDP), SPAN/ERSPAN., • Comfortable with device models and management interfaces (conceptually and/or practically): CLI, SNMP, NETCONF/YANG, RESTCONF/gNMI (any subset is fine if you can reason about integration trade-offs)., • Ability to read and reason about PCAPs (Wireshark/tshark) and summarize insights (protocols, talkers, TEIDs, timelines)., • You are a developer who can translate networking concepts into clean UI flows and validations (framework can be learned on the job). Nice to have (Front-end & tooling) • React + TypeScript / Node.js experience (tables, dynamic forms, modals, state/error handling)., • Experience with design systems (Tailwind or component libraries) and Figma collaboration., • Accessibility good practices (labels, ARIA, keyboard navigation)., • Exposure to 5G traffic patterns (GTP-U, PFCP) and typical analysis dashboards. Example deliverables • Right-panel Summary & KPIs with refresh/copy actions and link to Administration., • Right-panel tabs (read-first): Ports, L3, L2 (VPLS), Mirroring & PCAP (show only last 3 PCAPs + “View analysis”)., • Administration modules for:, • Interfaces (create/edit/delete physical & subinterfaces/VLAN) with IP overlap check and “port in use” signal., • L3 (VRF/VPRN CRUD, static routes CRUD, basic BGP peers view)., • L2 (VPLS) CRUD., • Mirroring CRUD (SPAN/ERSPAN/PW)., • PCAP repository (upload, analyze, filter, download, analysis modal). To apply: Share 2–3 relevant case studies demonstrating network configuration/management UI or router/switch integration, your availability, and hourly/daily rate.