React Enterprise NOC Frontend
Budget: $250 – $750 USD
I need a polished, production-ready frontend for an enterprise Network Operations Center platform. The stack is fixed: React with TypeScript, built through Vite and styled with Ant Design.
The UI must surface complex monitoring data in four key ways:
• Interactive graphs and charts for traffic, latency and device health
• A real-time alerts panel that streams live incident data without page refresh
• Clickable network-topology maps that let operators drill down from global to device view
• A large-screen “command-center” dashboard that combines the above into an at-a-glance status board
API endpoints for metrics and alert feeds are ready; your job is to wire them up, handle state cleanly, and keep performance snappy even at enterprise data volumes. Responsive layout for both desktop consoles and wall displays is essential.
Acceptance criteria:
1. All visualizations render from live JSON sample data I will provide.
2. Alert panel pushes updates via WebSocket without manual refresh.
3. Topology map supports zoom/pan and device detail pop-ups.
4. Code passes lint and TypeScript checks and builds through Vite with one command.
If you have solid experience turning raw network data into intuitive React interfaces, let’s talk timelines and milestones.
We ARE looking for:
Enterprise dashboard experience
Monitoring/SOC/NOC/trading-terminal style UI experience
Data-heavy application experience
Clean scalable architecture
Strong UX thinking
Deliverables
Production-quality frontend
Professional UI/UX
Responsive layouts
Reusable component system
Clean folder structure
API integration
Documentation
The UI must surface complex monitoring data in four key ways:
• Interactive graphs and charts for traffic, latency and device health
• A real-time alerts panel that streams live incident data without page refresh
• Clickable network-topology maps that let operators drill down from global to device view
• A large-screen “command-center” dashboard that combines the above into an at-a-glance status board
API endpoints for metrics and alert feeds are ready; your job is to wire them up, handle state cleanly, and keep performance snappy even at enterprise data volumes. Responsive layout for both desktop consoles and wall displays is essential.
Acceptance criteria:
1. All visualizations render from live JSON sample data I will provide.
2. Alert panel pushes updates via WebSocket without manual refresh.
3. Topology map supports zoom/pan and device detail pop-ups.
4. Code passes lint and TypeScript checks and builds through Vite with one command.
If you have solid experience turning raw network data into intuitive React interfaces, let’s talk timelines and milestones.
We ARE looking for:
Enterprise dashboard experience
Monitoring/SOC/NOC/trading-terminal style UI experience
Data-heavy application experience
Clean scalable architecture
Strong UX thinking
Deliverables
Production-quality frontend
Professional UI/UX
Responsive layouts
Reusable component system
Clean folder structure
API integration
Documentation