Senior Front-End Developer

About the role

The task envisioned for the incumbent is to build a responsive, web-based real-time data analytics dashboard as part of CMRE Mission Engineering framework. Specifically, the incumbent will lead the front-end development of the Mission Engineering decision support layer, focusing on the visualization, layout and use interaction.

Responsibilities

• Lead the front-end development of the Mission Engineering decision support layer, focusing on the visualization, layout and use interaction.
• 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.
• 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.
• Translate functional UI mockups and design specifications into clean, working application layouts.
• Implement complex, interactive data visualization dashboards, chart systems, and user interfaces.
• Optimize data visualization components to handle rapid, continuous data updates without causing UI lag, memory leaks, or browser lag.
• Consume RESTful or GraphQL APIs, manage paginated data subsets, error boundaries, and loading states.
• Manage client-side application state for dashboard configuration, user-applied filters, and customized analytical views.
• Collaborate with the Mission Engineering team for data payloads structuring.
• Implement precise, state-synchronized drag-and-drop or timeline manipulation interfaces.
• Participate in code reviews, contribute to architectural discussions, and proactively flag technical risks or impediments to the team lead and project management.
• Communicate clearly and promptly on development progress, interface blockers, and backend contract requirements.

Requirements

• Minimum professional experience: 3+ years Junior in frontend software development, with a proven record of implementing complex, interactive data visualization dashboards, chart systems, and user interfaces.
• 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.
• 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.

Desirable

• Prior experience developing user interfaces for military systems, situational awareness displays, or defence mission planning tools.
• Understanding of military UI design methodologies, e.g. minimizing cognitive load under stress, dark-mode/low-light optimization, high-contrast colour palettes for rapid decision-making.
• Experience with HTML5 Canvas, WebGL or libraries like PixiJS / Three.js.
• Knowledge of optimizing Plotly.js performance configuration.
• State and filter management: Robust handling of client-side application state for dashboard configuration, user-applied filters, and customized analytical views.
• Hands-on experience building custom JavaScript/React components and wrapping them for use within a Python Dash ecosystem.
• Basic understanding of Python asynchronous frameworks or data frame to easily collaborate with the Mission Engineering team for data payloads structuring.
• Experience implementing precise, state-synchronized drag-and-drop or timeline manipulation interfaces.
• Experience partitioning complex web apps into micro-frontends, allowing the analytics module to be seamlessly plugged into other military framework modules later.