Hiring
Front-End Engineer (Vue.js 2): Optimizing Large List45 minutes
Intermediate
Available in+4
Skills you'll verify
Vue.js
Technical Problem-Solving
About This Simulation
Your Role
Front End Engineer
Your Goal
Improve a slow Vue.js 2 client list while balancing user needs and business constraints.
Simulation Details:
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.
Helpful for
Front End Engineer, Product Manager, Full Stack Developer
How it worksNot sure how it works? Watch the video below.
Simulations You Might Also Like