The platform enables engineers and analysts to upload, process, validate, and explore vehicle signal data across a multi-step workflow—from ingestion to quality validation and visualization. Your work ensures that these workflows are reliable, responsive, and easy to use, even when handling large datasets and real-time updates.
Your primary responsibility is to design and implement scalable, maintainable frontend systems that integrate seamlessly with backend services and real-time pipelines. As the product grows in complexity, your expertise will be critical in maintaining performance, usability, and architectural consistency.
Your Role in More Detail
Frontend Architecture and Development
- Design and build scalable React applications using a modern TypeScript-first stack.
- Implement modular feature-based architecture with clear separation between UI, state, and data layers.
- Ensure high performance and responsiveness across complex data-heavy interfaces.
Data Visualization and User Workflows
- Develop interactive dashboards and tools for time-series data using Apache ECharts.
- Translate complex data processing steps into intuitive multi-stage user workflows (upload → mapping → validation → analysis).
- Implement advanced UI features such as filtering, sorting, zooming, and comparison views.
State Management and Data Integration
- Integrate REST APIs using structured service layers and hooks.
- Manage server state with TanStack Query and client state with Zustand.
- Handle caching, optimistic updates, and synchronization with backend systems.
Real-Time Data and Event Handling
- Implement real-time features using Socket.IO for pipeline updates, notifications, and system status.
- Ensure consistent UI updates based on asynchronous events and long-running backend processes.
Quality, Testing, and Maintainability
- Write and maintain unit and integration tests using Vitest and Testing Library.
- Maintain strict TypeScript standards with zero `any` usage.
- Ensure code quality through linting, testing, and CI pipelines.
Collaboration
- Work closely with backend engineers, data engineers, and product stakeholders to define API contracts and user experiences.
- Translate technical requirements into clean, maintainable UI solutions.
- Communicate design decisions and implementation trade-offs clearly.
Documentation and Knowledge Sharing
- Document frontend architecture, patterns, and workflows.
- Contribute to shared design systems and frontend best practices.
- Support team members with guidance on architecture, tooling, and patterns.
About the Role
You will be working on a modern frontend stack built around React, TypeScript, and a strongly modular architecture. The application includes:
- Multi-step workflow systems with enforced state transitions
- Real-time data pipelines and notifications
- Advanced data visualization dashboards
- A custom design system with semantic tokens and theming
- A scalable app shell with dynamic layouts
The environment emphasizes code quality, maintainability, and strong collaboration between frontend and backend teams.