Front-End Engineer (Vue.js 2): Optimizing Large List

Elevate Systems is a mid-sized SaaS company specializing in real-time business dashboards that streamline sales and customer-service workflows. Its flagship product, the Clients dashboard, is essential for over 200 staff who manage client interactions, renewals, and upsell opportunities. Built with Vue.js 2, Node.js, and PostgreSQL, the dashboard handles more than 1,000 client records daily. Recent rapid growth has led to performance issues, with slow load times and lag disrupting critical sales activities. The company faces strong competition and must maintain its reputation for reliable, user-friendly tools while working within tight engineering budgets and strict technical constraints.

As the Front End Engineer, your task is to collaborate one-on-one with Maria Hernandez, the Product Manager, to resolve performance issues in the Clients dashboard. Begin by chatting with Maria to clarify user workflows, pain points, and non-negotiable requirements. Then, select and implement an optimization strategy—such as virtual scrolling or pagination—directly in the Vue.js list component using the simulation’s code editor. Maria will review your changes in real time, providing feedback you must address until the solution meets her acceptance criteria. Throughout, you’ll need to balance technical feasibility with business priorities, ensuring the dashboard remains familiar to users and compatible with existing APIs.

• Engage in real-time chat with Maria Hernandez to fully understand the problem and requirements.
• Edit the Vue.js list component in the single code editor to optimize performance.
• Respond to Maria’s feedback and refine your solution until it is approved.
• Ensure the dashboard loads quickly, scrolls smoothly, and maintains design and API compatibility.