Would you like to join the leading international intergovernmental organization?

The task envisioned is to build a responsive, web-based real-time data analytics dashboard as part of CMRE Mission Engineering framework. Specifically, you will participate in the front-end development of the Mission Engineering decision support layer, focusing on the visualization, layout and use interaction. The dashboard must operate in real-time, requiring the incumbent to implement architecture capable of handling continuous, low-latency data streams.

Working from pre-defined analytical models and dashboard designs, you will transform data outputs into highly interactive interfaces that enable military commanders to monitor evolution of mission performance indicators, receive alerts and act upon those alerts. The core data processing, analytical modelling and insight generation will be handled by the Mission Engineering project’s team, leaving the incumbent to focus strictly on client-side performance, state management, and interface fidelity.

You will work within an Agile team under the guidance of the Mission Engineering project lead, translating provided UI/UX designs and data visualizations into production-grade frontend code while upholding great standards of rendering speed, data security and interface reliability. Moreover, you will participate in code reviews, contribute to architectural discussions, and proactively flag technical risks or impediments to the team lead and project management.

Essential Qualifications & Experience:

Front-End Development & Programming

• Core languages & Libraries: proficiency in modern UI ecosystems; clean, idiomatic code utilizing type safety (TypeScript) and asynchronous state management.

• Dashboard frameworks: experience with modern frontend frameworks (React, Vue, or Angular); and/or capability with Python-based dashboarding ecosystems like Python Dash / Plotly or Streamlit.

• Component Architecture: advanced skills in modular, reusable, UI design patterns; experience extending complex UI component libraries (Tailwind UI, Material UI).

• Performance optimization: client-side rendering optimization, lazy loading, code-splitting, bundle size minimization, and efficient DOM management for complex UI renderings.

Data Analytics Visualization and Interaction

• Interactive Charting: expertise with advanced data visualization libraries (Plotly.js, D3.js, Recharts, or Chart.js) to build high-performance charts, trends and multi-dimensional analytics matrices.

• Dynamic interaction: implementation of complex client-side workflows including interactive legends, synchronized cross-filtering across charts, coordinated tooltips, and real-time state updates.

• High-Frequency rendering: ability to optimize data visualization components to handle rapid, continuous data updates without causing UI lag, memory leaks, or browser lag.

API Integration & Data Handling

• Data Consumption: consuming RESTful or GraphQL APIs; resource modeling on the client, managing paginated data subsets, error boundaries, and loading states.

• Serialization & Validation: parsing complex JSON payloads, working with frontend validation schemas to ensure UI stability against fluctuating backend data structures.

• Real-time delivery: experience using WebSockets, Server-Sent Events (SSE), or short-polling strategies to stream real-time operational metrics onto the analytical interface.

Software Engineering Practices

• Testing: comprehensive UI testing strategies including unit testing and component testing.

• CI/CD: Integration with automation pipelines, enforcement of automated code linting, syntax checking, and static builds.

• Version Control: advanced Git workflows

• Code quality: Automated enforcement of static code checking, UI review protocols, and living technical documentation

Security

• Secure coding: OWASP Top 10 awareness, input validation, output encoding, secrets management.

• API security: Management of Cross-Origin Resource Sharing (CORS) configurations, Content Security Policies (CSP), and secure browser storage.

Architecture Awareness & Collaboration

• Design & Mockup Translation: Ability to translate functional UI mockups and design specifications (ranging from wireframes to dedicated design assets) into clean, working application layouts.

• Agile: Active participation in sprint ceremonies, backlog refinement, estimation, and retrospectives

• Communication: Clear reporting of progress and blockers; collaboration with architects, front-end developers, QA, DevOps, and UX designers

• English proficiency: Excellent written and spoken English in a professional/international context

If you've read the description and feel this role is a great match, we'd love to hear from you! Click "Apply for this job" to be directed to a brief questionnaire. It should only take a few moments to complete, and we'll be in touch promptly if your experience aligns with our needs.