UI Developer - React

📍 Job Overview

Job Title: UI Developer - React

Company: Quest Global

Location: Thiruvananthapuram, Kerala, India

Job Type: Full-Time

Category: Software Engineering / Front-End Development

Date Posted: 2026-08-27

Experience Level: Mid-Senior Level (4-8 years)

Remote Status: On-site

🚀 Role Summary

• Develop and implement responsive, performant, and accessible user interfaces for clinical dashboards using React, a core front-end framework.

• Integrate these UIs with REST APIs from backend microservices to visualize complex AI model outputs and data analytics results, requiring strong API consumption skills.

• Collaborate closely with UX/UI designers, backend engineers, and data engineers to translate requirements into high-quality, production-ready front-end components.

• Optimize dashboard performance for fast load times, efficient rendering, and seamless real-time data updates, focusing on user experience and system efficiency.

• Contribute to a robust CI/CD pipeline and implement automated UI testing to ensure code quality and facilitate frequent, safe deployments.

📝 Enhancement Note: While the original posting is for a "UI Developer - React," the description heavily emphasizes the development of clinical dashboards that visualize AI and data analytics. This suggests the role could benefit from a "Revenue Operations" or "GTM Operations" lens if the dashboards are used for sales, marketing, or customer success analytics. However, given the explicit "UI Developer - React" title and core responsibilities, the primary category remains Front-End Development. If the dashboards directly inform GTM strategies, a candidate with operations experience might have a unique advantage.

📈 Primary Responsibilities

• Develop responsive, performant, and accessible user interfaces for OneSpace-hosted clinical dashboards using React, adhering to modern front-end development practices.

• Implement UI components capable of consuming REST APIs from backend microservices, effectively visualizing AI model outputs and data analytics results.

• Collaborate with the design team to translate UX designs and wireframes into pixel-perfect, production-ready UI components within the specified framework.

• Integrate dashboard UIs into the OneSpace plugin framework, ensuring adherence to OneSpace UI architecture and design system standards for consistency and maintainability.

• Write clean, well-tested, and maintainable front-end code, actively participating in code reviews and contributing to the establishment and enforcement of coding standards.

• Implement automated UI tests (e.g., Jest, Cypress) and contribute to CI/CD pipelines to support safe and frequent deployments.

• Optimize dashboard performance, focusing on critical areas such as load times, rendering efficiency, and the handling of real-time data updates.

• Collaborate with backend and data engineering teams to define API contracts that optimally serve the needs of the UI layer.

• Support QA and automation teams in debugging and resolving UI-related defects to ensure product quality.

• Contribute to comprehensive technical documentation for UI components, integration patterns, and deployment procedures.

📝 Enhancement Note: The responsibilities emphasize core front-end development but also touch upon integration with data analytics and AI outputs. For operations professionals, this implies an understanding of how data is presented and consumed, which is crucial for dashboard effectiveness. Proficiency in API consumption and performance optimization directly impacts the usability of operational dashboards.

🎓 Skills & Qualifications

Education:

• Bachelor's or Master's degree in Computer Science, Software Engineering, or a closely related technical field. Experience:

• 4–8 years of professional experience in front-end or full-stack software development, with a strong focus on UI development. Required Skills:

• UI Development: Deep proficiency in modern front-end development practices and methodologies.

• React: Extensive experience with component-based UI development, including state management (e.g., Redux, Context API) and modern React Hooks.

• REST APIs: Proven ability to integrate front-end applications with RESTful APIs, understanding data fetching, error handling, and asynchronous operations.

• JavaScript: Strong command of JavaScript (ES6+) and its ecosystem.

• Web Accessibility: Solid understanding and practical application of web accessibility standards (WCAG 2.1) to ensure inclusive user experiences.

• CI/CD: Familiarity with Continuous Integration/Continuous Deployment pipelines and their role in front-end development workflows.

• Automated Testing: Experience with front-end testing frameworks such as Jest, Cypress, or equivalent for unit, integration, and end-to-end testing.

• Performance Optimization: Skills in identifying and resolving performance bottlenecks in front-end applications to ensure fast load times and smooth user interactions.

• Component-based Development: Expertise in creating reusable, modular UI components.

• State Management: Proficiency in managing application state effectively.

• Hooks: Strong understanding and application of React Hooks.

Preferred Skills:

• Python: Experience with Python for scripting, tooling, or light backend development tasks.

• Plugin/Embedded Frameworks: Experience working with plugin-based or embedded web application frameworks.

• Data Visualization Libraries: Familiarity with libraries like D3.js, Recharts, or Chart.js for creating compelling data visualizations.

• Real-time Data Streams: Experience integrating UIs with real-time data streams (e.g., WebSockets).

• Cross-browser Compatibility: Understanding of ensuring consistent user experiences across different web browsers.

• Design Systems: Experience working within established design systems and UI component libraries.

• Regulated Software Environment: Experience in a regulated software environment, particularly medical devices, is a significant plus.

• AI-Assisted Development Tools: Proficiency in leveraging AI tools to accelerate coding and testing processes.

📝 Enhancement Note: For operations candidates, highlighting experience with data visualization libraries and integrating with real-time data streams would be highly beneficial, as these skills are directly applicable to building and interpreting operational dashboards used for GTM strategy.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstration of UI Component Development: Showcase well-structured, reusable React components with clear separation of concerns and adherence to best practices.

• API Integration Case Studies: Provide examples of UIs that effectively consume and display data from REST APIs, illustrating data handling and error management.

• Performance Optimization Projects: Highlight projects where you significantly improved front-end performance, detailing the techniques used and the measurable impact.

• Accessibility Implementation: Include examples demonstrating adherence to WCAG standards and how accessibility was integrated into the development process.

Process Documentation:

• Workflow Design and Optimization: Be prepared to discuss how you approach designing efficient front-end workflows and optimizing development processes.

• System Implementation Standards: Demonstrate understanding of integrating front-end applications within larger system architectures (e.g., plugin frameworks, microservices).

• Measurement and Performance Analysis: Showcase how you measure and analyze front-end performance, user experience metrics, and the effectiveness of implemented features.

📝 Enhancement Note: Operations professionals often build and document processes. For this role, demonstrating the ability to document UI development processes, integration patterns, and performance analysis is key. A portfolio showcasing data-driven UI development and optimization will be highly valued.

💵 Compensation & Benefits

Salary Range:

• Estimated Range: ₹10,00,000 - ₹18,00,000 per annum (On-site, Thiruvananthapuram, India)

• Methodology: This estimate is based on industry benchmarks for mid-senior level UI Developers with 4-8 years of experience in Thiruvananthapuram, India, considering the demand for React expertise and the company's likely compensation structure for engineering roles. Factors include cost of living in Kerala and Quest Global's typical salary bands for technical positions.

Benefits:

• Comprehensive health insurance coverage.

• Retirement savings plan or provident fund contributions.

• Paid time off, including vacation days, sick leave, and public holidays.

• Opportunities for professional development, training, and certifications.

• Access to company-sponsored learning platforms and resources.

• Potential for performance-based bonuses or incentives.

• Employee assistance programs and wellness initiatives.

• Relocation assistance may be available for candidates moving to Thiruvananthapuram. Working Hours:

• Standard full-time working hours, estimated at 40 hours per week, typically Monday to Friday.

• Flexibility may be offered based on project needs and team agreements, with potential for occasional overtime to meet project deadlines.

📝 Enhancement Note: The salary range is an estimation for the specified location and experience level. Actual compensation will depend on the candidate's specific qualifications, interview performance, and Quest Global's internal compensation structure. Benefits are typical for a company of Quest Global's size and industry.

🎯 Team & Company Context

🏢 Company Culture

Industry: Engineering Services, Technology Solutions, Product Development. Quest Global operates across diverse sectors including aerospace, defense, automotive, healthcare, and industrial, providing a broad range of engineering and digital solutions.

Company Size: Large (Over 10,000 employees globally). This scale indicates a structured environment with established processes, extensive resources, and a global presence.

Founded: 1997. With over 25 years of experience, Quest Global has a mature operational framework and a long-standing reputation in the engineering services industry.

Team Structure:

• Operations Team Aspect 1: This role is likely part of a dedicated product engineering or software development team focused on specific client projects or internal product development (like OneSpace). The team will include other front-end developers, backend developers, QA engineers, and potentially a team lead or engineering manager.

• Operations Team Aspect 2: Reporting structure will likely be to an engineering manager or lead, with close collaboration with UX designers, product managers, and potentially client stakeholders.

• Operations Team Aspect 3: Cross-functional collaboration is essential, involving close work with backend/data engineers for API integration and with design teams for UI implementation.

Methodology:

• Data Analysis and Insights: The role requires understanding how to visualize data analytics and AI model outputs, implying a data-informed approach to UI development.

• Workflow Planning and Optimization: Emphasis on efficient development practices, CI/CD, and performance optimization showcases a focus on streamlined workflows.

• Automation and Efficiency: Implementing automated tests and contributing to CI/CD pipelines highlights a commitment to leveraging automation for efficiency and quality.

Company Website: https://careers.quest-global.com/global/en

📝 Enhancement Note: Quest Global's emphasis on "doing things differently" and "making the impossible possible" suggests a culture that values innovation, problem-solving, and continuous improvement. For operations professionals, this translates to an environment where efficiency, process optimization, and leveraging technology are highly regarded.

📈 Career & Growth Analysis

Operations Career Level: This role is positioned as a Mid-Senior Level UI Developer. It requires significant technical expertise in React and front-end development, along with the ability to work independently on complex features and contribute to team best practices. It's a hands-on technical role with potential for technical leadership.

Reporting Structure: The UI Developer will report to an Engineering Manager or a Technical Lead. They will collaborate closely with cross-functional teams including UX/UI Designers, Backend Engineers, Data Engineers, and Product Managers.

Operations Impact: While primarily a technical role, the impact on operations is significant. By developing high-quality, performant, and user-friendly dashboards, this role directly influences the ability of end-users (potentially in sales, marketing, or customer success if these are GTM dashboards) to access and interpret critical data, make informed decisions, and drive business outcomes. Efficient UIs reduce friction and improve productivity.

Growth Opportunities:

• Operations Skill Advancement: Opportunities to deepen expertise in React, explore adjacent technologies (e.g., state management libraries, GraphQL), and gain exposure to data visualization techniques.

• Technical Leadership: Potential to grow into a Senior UI Developer role, mentoring junior developers, leading feature development, and influencing technical direction.

• Cross-functional Expertise: Develop a stronger understanding of backend systems, API design, and data engineering principles through close collaboration.

• Specialization: Opportunity to specialize in areas like performance optimization, web accessibility, or specific data visualization libraries.

• Project Leadership: With experience, opportunities to lead specific UI development streams or small projects.

📝 Enhancement Note: For operations professionals, this role offers a chance to hone technical skills that are foundational to building effective operational dashboards and reporting tools. The growth path emphasizes technical mastery and collaboration, which are valuable for anyone looking to bridge technical development with operational strategy.

🌐 Work Environment

Office Type: On-site. This indicates a traditional office setting where face-to-face collaboration is expected.

Office Location(s): Thiruvananthapuram, Kerala, India. This location suggests a vibrant tech hub in India with access to a strong talent pool.

Workspace Context:

• Collaborative Environment: The office likely fosters a collaborative atmosphere, with meeting rooms and open spaces designed for team discussions and problem-solving sessions.

• Operations Tools and Technology: Access to standard development hardware, software, and potentially specialized tools for UI design, testing, and performance monitoring.

• Operations Team Interaction: Regular opportunities for direct interaction with fellow developers, designers, product managers, and engineering leadership.

Work Schedule:

• The standard 40-hour work week is typical, but the dynamic nature of software development may require occasional flexibility to meet project deadlines. This schedule allows for dedicated time for coding, testing, collaboration, and documentation.

📝 Enhancement Note: An on-site environment can facilitate more spontaneous collaboration and team bonding, which is beneficial for complex development projects. For operations professionals, understanding the typical office culture and team interaction dynamics is important for assessing fit.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A recruiter or HR representative will likely conduct an initial phone screen to assess basic qualifications, experience, and cultural fit.

• Technical Interview(s): Expect one or more technical interviews focusing on React, JavaScript, UI development principles, problem-solving, and potentially coding challenges. This stage will assess your practical skills and coding proficiency.

• Portfolio Review/Coding Challenge: You may be asked to present specific projects from your portfolio or complete a take-home coding challenge to demonstrate your abilities in action.

• Team/Manager Interview: A discussion with the hiring manager or potential team members to evaluate your collaboration skills, understanding of the role, and alignment with Quest Global's culture.

• Final Round: Potentially a final interview with a senior leader to confirm fit and discuss compensation.

Portfolio Review Tips:

• Showcase React Expertise: Highlight projects that clearly demonstrate your proficiency with React, including component architecture, state management, and hooks.

• Emphasize Data Visualization & API Integration: If possible, include examples where you integrated UIs with APIs to display data, especially analytics or complex information.

• Demonstrate Performance & Accessibility: Select projects that showcase your efforts in optimizing performance and ensuring web accessibility (WCAG compliance).

• Highlight Collaboration: Be ready to discuss how you collaborated with designers and backend engineers on specific projects.

• Quantify Impact: Whenever possible, use metrics to quantify the impact of your work (e.g., "improved load time by X%", "reduced rendering errors by Y%").

Challenge Preparation:

• Practice React Coding: Be prepared for live coding exercises involving component creation, state management, and API data handling.

• Understand Data Structures & Algorithms: While focused on UI, a foundational understanding is often tested.

• Review UI/UX Principles: Refresh your knowledge of responsive design, accessibility, and user-centric design.

• Prepare for Behavioral Questions: Think about examples related to teamwork, problem-solving, and handling challenges.

📝 Enhancement Note: For operations professionals applying to this role, framing portfolio projects through the lens of how they enable better data consumption and decision-making will be crucial. Even if the projects aren't directly "operations," highlight the efficiency and clarity they bring to users.

🛠 Tools & Technology Stack

Primary Tools:

• React: The core JavaScript library for building user interfaces.

• JavaScript (ES6+): The primary programming language for front-end development.

• HTML5/CSS3: For structuring and styling web pages.

• State Management Libraries: e.g., Redux, Context API, Zustand, Recoil.

• Version Control System: Git (likely with platforms like GitHub, GitLab, or Bitbucket).

Analytics & Reporting:

• Data Visualization Libraries: D3.js, Recharts, Chart.js (preferred).

• Browser Developer Tools: For debugging, performance profiling, and network analysis.

CRM & Automation:

• CI/CD Tools: Jenkins, GitLab CI, GitHub Actions, or similar.

• Testing Frameworks: Jest, Cypress, React Testing Library.

• Build Tools: Webpack, Vite, or Babel.

• API Integration: Experience with tools for testing and interacting with REST APIs (e.g., Postman, Insomnia).

📝 Enhancement Note: Emphasizing experience with data visualization libraries and understanding how to integrate with APIs for data display is key for operations candidates. This shows an understanding of how technical skills translate into actionable insights for business users.

👥 Team Culture & Values

Operations Values:

• Innovation and Problem-Solving: Quest Global values a proactive approach to solving complex engineering challenges, encouraging innovative solutions.

• Collaboration and Teamwork: A strong emphasis on working together across disciplines to achieve common goals.

• Quality and Excellence: Commitment to delivering high-quality, performant, and reliable software solutions.

• Continuous Learning: Encouragement to stay updated with the latest technologies and best practices in software development.

• Customer Focus: Understanding and meeting the needs of clients and end-users is paramount.

Collaboration Style:

• Cross-functional Integration: Expect a highly collaborative environment where UI developers work closely with backend engineers, data scientists, UX designers, and product managers.

• Process Review and Feedback: An environment that likely encourages open feedback loops for code reviews, design critiques, and process improvements.

• Knowledge Sharing: A culture that promotes sharing technical knowledge through internal sessions, documentation, and mentorship.

📝 Enhancement Note: Quest Global's stated values of innovation, collaboration, and continuous learning align well with the needs of operations teams who rely on efficient, well-integrated systems and continuous improvement.

⚡ Challenges & Growth Opportunities

Challenges:

• Complex Data Visualization: Effectively visualizing complex AI model outputs and data analytics results in an intuitive and performant manner.

• Integration with Existing Frameworks: Seamlessly integrating new UI components into the OneSpace plugin framework and adhering to its architecture.

• Performance Optimization: Achieving optimal load times and rendering efficiency for dashboards that handle potentially large datasets and real-time updates.

• Balancing Design and Technical Constraints: Translating pixel-perfect designs into functional UI components while respecting technical limitations and performance goals.

Learning & Development Opportunities:

• Advanced React Techniques: Deepen expertise in state management, performance optimization patterns, and modern React features.

• Data Visualization Mastery: Gain hands-on experience with advanced data visualization libraries and techniques.

• Cloud and Microservices Exposure: Understand how front-end applications interact with cloud-based microservices architectures.

• Cross-functional Skill Development: Enhance understanding of backend development, API design, and data engineering principles through collaboration.

• Industry Best Practices: Stay abreast of evolving front-end development trends, accessibility standards, and testing methodologies.

📝 Enhancement Note: For operations professionals, these challenges and opportunities highlight the direct link between front-end development skills and the creation of effective operational tools. Learning to present complex data clearly is a core skill in operations.

💡 Interview Preparation

Strategy Questions:

• "Describe a challenging UI you've built that visualized complex data. What were the challenges, and how did you overcome them?"

  • Preparation: Focus on a project where you integrated with APIs to display data. Detail the data source, the visualization techniques used, any performance bottlenecks encountered, and how you addressed them (e.g., lazy loading, data aggregation, optimized rendering). Mention collaboration with data engineers or analysts.

• "How do you approach ensuring web accessibility (WCAG compliance) in your React applications?"

  • Preparation: Discuss semantic HTML, ARIA attributes, keyboard navigation, color contrast, and testing with screen readers or accessibility tools. Mention how you'd collaborate with designers to ensure accessible design choices.

• "Walk me through your process for optimizing the performance of a React dashboard."

  • Preparation: Detail steps like code splitting, lazy loading components, memoization (useMemo, useCallback), optimizing API calls, efficient state management, and using browser profiling tools. Quantify any improvements achieved in past projects.

Company & Culture Questions:

• "What interests you about Quest Global and this specific role?"

  • Preparation: Research Quest Global's work in healthcare/clinical dashboards and their engineering solutions. Connect your skills in React and UI development to their mission of solving complex engineering problems. Highlight your interest in building impactful tools.

• "How do you collaborate with designers and backend engineers?"

  • Preparation: Provide specific examples of communication strategies, feedback loops, and tools you've used (e.g., Figma, Jira, API documentation). Emphasize a proactive and communicative approach.

Portfolio Presentation Strategy:

• Focus on Impact: For each project, clearly articulate the problem you solved and the impact of your solution. For operations-minded applicants, this means highlighting how the UI enabled better data access, decision-making, or efficiency.

• Technical Depth: Be ready to dive into the technical details of your React implementation, state management choices, and API integrations.

• Process & Methodology: Explain your development process, including how you handled requirements, collaborated, tested, and deployed.

• Conciseness: Present key projects efficiently, focusing on the most relevant aspects for this role.

📝 Enhancement Note: For operations professionals, tailor your portfolio presentation to emphasize how your UI development skills contribute to operational efficiency, data-driven decision-making, and clear communication of business insights.

📌 Application Steps

To apply for this UI Developer - React position:

• Submit your application through the Quest Global careers portal via the provided link.

• Portfolio Customization: Ensure your resume and portfolio highlight your extensive experience with React, modern UI development practices, API integrations, and any relevant data visualization or performance optimization projects. If possible, frame past projects in terms of how they enabled better data consumption or operational efficiency.

• Resume Optimization: Tailor your resume to include keywords from the job description, such as "React," "UI Development," "REST APIs," "Web Accessibility," "CI/CD," and "Performance Optimization." Quantify achievements wherever possible.

• Interview Preparation: Thoroughly review your portfolio and prepare to discuss your projects in detail, focusing on technical implementation, problem-solving, and collaboration. Practice answering common React and behavioral interview questions.

• Company Research: Familiarize yourself with Quest Global's work, particularly their focus on engineering services and any projects related to clinical dashboards or data visualization. Understand their company culture and values.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---