Ui Ux Developer

UI Developer (React) Mechatronics International

Location:

About Us

Mechatronics International builds warehouse & factory automation systems (ASRS stacker cranes, mini-load shuttles, DWS, robotics). Were turning real-world automation data into fast, reliable, human-friendly software for operators and managers.

The Impact You’ll Have

You’ll own the UI for our web apps—WMS dashboards, DWS consoles, real-time equipment views, admin portals—used on shop floors and in 24/7 distribution centers. Your work will make complex automation data clear, actionable, and beautiful.

What You’ll Do

• Build responsive, accessible UIs in

  React + TypeScript

  for real-time operations (polling/WebSockets).
• Create reusable components and a small

  design system

  (tokens, themes, docs).
• Implement

  role-based access

  (JWT), forms, tables, filters, and data-viz (KPIs, trends, alarms).
• Optimize performance (Core Web Vitals, bundle size, virtualization for large lists).
  
• Collaborate with backend to shape REST/GraphQL APIs and error/empty states.
  
• Add quality gates: unit/DOM tests (Jest/RTL) and E2E (Cypress).
  
• Ship via CI/CD (GitHub) to

  GCP

  ; monitor front-end health and logs (Grafana).
• Write clear docs and partner with product/ops on UX for operators.
  

Our Stack (you’ll use most of this)

• React + TypeScript

  ,

  Vite

  or

  Next.js

• Tailwind CSS

  ,

  shadcn/ui

  ; state:

  React Query

  + (Zustand/Redux as needed)
• Charts:

  Recharts

  / Chart.js; Maps/floor views (SVG/Canvas)
• Auth:

  JWT

  ; Storage/logs:

  S3-compatible

  ; Hosting:

  GCP

• Testing:

  Jest

  ,

  React Testing Library

  ,

  Cypress

Must-Have Qualifications

• 1+ years building production React apps with TypeScript.
  
• Strong CSS skills (responsive layouts, Tailwind or utility-first).
  
• Comfortable with data-heavy UIs: tables, pagination, filters, charts.
  
• State management + async data (React Query/SWR); REST basics.
  
• Accessibility (focus management, keyboard, ARIA) and i18n awareness.
  
• Git, code reviews, component-level testing.
  

Nice to Have

• Real-time apps (WebSockets), offline-first/PWA.
  
• Design systems/Storybook; Figma collaboration.
  
• Data viz for operations (alarms, trends, OEE).
  
• Domain exposure: logistics/industrial,

  OPC-UA/Modbus

  basics (via APIs),

  Node-RED

  .
• Mapping/floor plans (SVG/Canvas), simple 2D animations.
  
• Experience with Grafana or front-end monitoring.
  

How We’ll Measure Success

• Fast, reliable UIs (good Core Web Vitals; low crash/bug rate).
  
• Reusable components adopted across products.
  
• On-time feature delivery and clear UX for operators.
  
• Thoughtful docs and proactive collaboration.
  

Interview Process

1. 30-min intro call (fit, past work).
   
2. Portfolio/code walkthrough/Over Call (bring a recent React project).
   
3. Live UI exercise (build a small component).
   
4. System design for a real-time dashboard.
   
5. Culture/offer.
   

Benefits & Perks

• Competitive salary.
  
• Flexible/hybrid work; modern dev tooling.
  
• Ownership over features used in live automation systems.
  
• Learning budget and growth path (Senior Lead UI/Design System).