Ui Ux Developer
- Mechatronics
- 1 - 3 years
- Faridabad
- 6 months ago
- Email to a friend
- Report this job
Job Description
UI Developer (React) Mechatronics International
Location: Faridabad (Sikri), Haryana Hybrid/Remote possible
Team: Software (WMS, DWS, ASRS Platforms)
Type: Full-time
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 Youll Have
Youll own the UI for our web appsWMS dashboards, DWS consoles, real-time equipment views, admin portalsused on shop floors and in 24/7 distribution centers. Your work will make complex automation data clear, actionable, and beautiful.
What Youll 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 (youll 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 Well 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
- 30-min intro call (fit, past work).
- Portfolio/code walkthrough/Over Call (bring a recent React project).
- Live UI exercise (build a small component).
- System design for a real-time dashboard.
- 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).
Job Classification
Industry: Industrial AutomationFunctional Area / Department: UX, Design & ArchitectureRole Category: UI / UXRole: UI / UX DesignerEmployement Type: Full timeContact Details:
Company: MechatronicsLocation(s): Faridabad
Keyskills: React.Js Ui/Ux Vue.Js Figma UI Development Vuex Tailwind Css Html/Css
Similar positions
Mechatronics
We will interactively produce cutting edge and mission-critical technology that would improve our long-term ability to seamlessly and efficiently provide access to cost-effective solutions that are “Made in India. We are open to Technology Transfers, Tie-ups, and Joint Ventures wi...
Job Listings
We are in open beta version of website, please let us know if any issues, at: info(at)indigojobs.in