Frontend Developer - Industrial IoT / Data Visualization

We are looking for a Frontend Developer to design and build an interactive dashboard for industrial data visualization that integrates with an Apache NiFi backend. This role will focus on developing a dynamic, canvas-based interface that enables users to visualize and interact with real-time data from industrial systems, including PLCs, databases, APIs, and IoT devices.

The ideal candidate will have experience building interactive dashboards, drag-and-drop interfaces, and real-time data visualizations, with the ability to integrate frontend applications with backend data services.

Key Responsibilities:

Frontend Development:

• Design and develop an interactive canvas-based dashboard with draggable, resizable components. • Implement grid-based layouts with snap-to-grid alignment and multi-select grouping capabilities. • Build reusable UI components for different datapoint types, including: • Database connections. • PLC connections. • Kepware/OPC connections. • Web API integrations. • Manual/static datapoints. • Implement dynamic styling and visual indicators based on real-time data values.

Dashboard & UI Functionality:

• Develop features such as: • Drag-and-drop component placement. • Resizable dashboard elements. • Multi-select and grouping of datapoints. • Undo/redo functionality. • Implement inline configuration interfaces for datapoints, allowing users to configure: • Data source connections. • Refresh rates. • Data filters. • Manual data inputs.

Data Integration:

• Integrate frontend applications with Apache NiFi backend APIs to fetch live data. • Implement real-time data updates and manual refresh capabilities. • Handle both live streaming data and manually entered values.

State Management & Persistence:

• Manage application state, including dashboard layouts, datapoint configurations, and data updates. • Implement functionality to save and load dashboard layouts and configurations. • Support exporting datapoint data to Excel format.

Collaboration:

• Work closely with backend engineers to integrate frontend dashboards with NiFi data pipelines. • Collaborate with product and engineering teams to define dashboard features and functionality.

Frontend Development:

Required Skills & Qualifications:

• Strong experience with modern frontend frameworks (React, Angular, or Vue). • Experience building interactive dashboards or data visualization applications. • Proficiency in HTML, CSS, JavaScript, and responsive UI design.

UI / Interaction Design:

• Experience implementing: • Drag-and-drop interfaces. • Canvas-based or grid-based layouts. • Resizable components. • Interactive dashboards.

Data Integration:

• Experience integrating frontend applications with REST APIs. • Experience working with real-time data streams or live data feeds.

State Management:

• Experience managing complex frontend application state. • Familiarity with tools or frameworks for state management.

Preferred Qualifications:

• Experience working with industrial systems, IoT platforms, or SCADA/MES environments. • Familiarity with Apache NiFi or data pipeline platforms. • Experience integrating with industrial data sources such as PLCs, OPC servers, or IoT devices. • Experience building data monitoring or operational dashboards.

Nice To Have:

• Experience with real-time data visualization frameworks. • Familiarity with industrial automation environments. • Experience with version control systems such as Git.

Benefits:

• 401(k). • Dental Insurance. • Health insurance. • Vision insurance. • We are an equal-opportunity employer and value diversity, equality, inclusion, and respect for people. • The salary will be determined based on several factors, including, but not limited to, location, relevant education, qualifications, experience, technical skills, and business needs.

Additional Responsibilities:

• Participate in OP monthly team meetings and participate in team-building efforts. • Contribute to OP technical discussions, peer reviews, etc. • Contribute content and collaborate via the OP-Wiki/Knowledge Base. • Provide status reports to OP Account Management as requested.

About Us:

At OP, we help you harness the power of technology for maximum impact. A technology consulting and solutions company, we offer advisory and managed services, innovative platforms, and staffing solutions across a wide range of fields including AI, cyber security, enterprise architecture, and beyond. For nearly two decades, we’ve been challenging the status quo of the consulting industry, serving up fresh, ingenious thinking through a radically lean structure. Together, this strategy delivers unprecedented performance at an unparalleled pace for faster results that propel your business forward.