Frontend Software Engineer

Deep Sea Electronics is a global leader in the design and manufacture of generator controllers, automatic transfer switch controllers, battery chargers, and vehicle and off-highway control systems. With over 200 employees across four continents, we supply our products to customers in more than 150 countries, both directly from our UK head office and through a well-established international distributor network.

Working as a mid-level Frontend Engineer within the Cloud Engineering team, the successful candidate will use React and Type Script, ideally with Next.js, to design, develop, test and deliver the user-facing dashboard for DSE’s IoT platform, DSEWebNet®, as it moves to a modern, componentised frontend architecture. You will build clear, accessible and reliable interfaces that enable customers to monitor and manage generator sets, transfer switches and other energy control equipment in near real time, using live Web Socket telemetry and REST/JSON APIs, while also supporting internal tools and business systems across DSE’s energy control and automation products, including renewables, microgrids and off-highway machinery.

The successful engineer will have hands‑on experience building production web applications, a strong testing and quality mindset, and a developing track record of frontend delivery. You will work collaboratively within a multidisciplinary team, act on technical guidance, take initiative, flag issues proactively and continue developing your frontend architecture skills. Good communication, a can‑do attitude and a genuine passion for modern web technology and user experience will be advantageous, with the role offering valuable exposure to industrial controls, IoT systems and cloud‑native best practices.

• Build and maintain the Web Net web dashboard using Next.js, React and Type Script, taking ownership of assigned features from requirements through to production
• Apply modern Next.js patterns appropriately, including the App Router, Server and Client Components, server‑side rendering, streaming and caching strategies
• Develop reusable, accessible UI components and contribute to a shared component library and design system
• Implement clear, efficient data visualisation for live and historical telemetry (charts, status indicators, alarms, maps and tables)
• Integrate with backend REST/JSON APIs and real‑time Web Socket feeds, handling loading, error, reconnection and stale‑data states robustly
• Manage client and server state using appropriate tooling (for example Tan Stack Query or equivalent), keeping data flow predictable and maintainable
• Implement forms and client‑side validation with schema‑based approaches (for example React Hook Form with Zod)
• Work closely with backend engineers on API contracts, typing and integration, including generating or sharing types where practical

• Write and maintain automated tests across the testing pyramid: unit and component tests (for example Vitest or Jest with React Testing Library) and end‑to‑end tests (for example Playwright)
• Use API mocking (for example Mock Service Worker) to test components and flows in isolation from backend services
• Contribute to visual and component‑level testing and documentation (for example Storybook)
• Meet agreed test coverage and quality standards, and help raise them over time
• Build accessibility into delivery, working towards WCAG 2.2 AA, including keyboard navigation, semantic markup and automated accessibility checks
• Monitor and improve frontend performance, including Core Web Vitals, bundle size and rendering efficiency

• Work within CI/CD pipelines using Git Hub Actions, delivering code through automated linting, type‑checking,…