Log inBook a Demo
Hiring
Intermediate

Front-End Engineer (Vue.js): Task List Component Implementation

Time available:1 hour
|
Available in
+8
ByAnthropos
This simulation was archived and cannot be started
Your mission in this simulation
1
The challenge

You must transform a basic Vue 3 Task List into a robust, production-ready component for the upcoming dashboard launch.

2
The issue

The current component lacks reactivity, scalability, and proper styling, risking usability and future growth.

★
Your goal

Your goal is to collaborate with Tech Lead Bob Hughes, refine your code, and justify your design decisions to meet SummitWorks’ high standards.

Your Role

Frontend Engineer@ SummitWorks

You are a Frontend Engineer at SummitWorks, a SaaS project management startup.

Other participants

Bob HughesFrontend Tech Lead

Context

SummitWorks is a SaaS startup focused on project management tools for modern teams. Their flagship product, the SummitWorks Dashboard, is known for advanced task management, real-time updates, and seamless collaboration across distributed teams. SummitWorks uses a modern tech stack—Vue.js for the frontend, Node.js for the backend, and SCSS for styling—prioritizing scalable, maintainable solutions. Agile practices, close collaboration between engineers and designers, and a commitment to clean architecture drive their rapid, high-quality feature delivery. The upcoming dashboard launch is crucial for attracting pilot customers and securing investment, with a strong emphasis on performance, usability, and future-proof design.

You step into the role of a Frontend Engineer at SummitWorks, tasked with transforming a placeholder Vue 3 Task List component into a production-ready feature. Using the single-file editor, you will implement reactive state, prop-driven configuration, event emission, and scoped SCSS styling—all within TaskList.vue. Throughout the process, you collaborate one-on-one via real-time chat with Bob Hughes, the Frontend Tech Lead. Bob reviews your work, asks probing questions, and expects you to justify your architectural and design decisions. You’ll refine your implementation based on his feedback, ensuring the component meets SummitWorks’ high standards for scalability, maintainability, and usability.

  • Collaborate with the Tech Lead in real-time chat to review and refine your code.
  • Edit and improve the TaskList.vue component directly in the single editor.
  • Justify your technical and design choices, responding to feedback and questions.
  • Demonstrate mastery of Vue.js and technical problem-solving by delivering a robust, production-ready component.

Evaluated Skills

Vue.jsTechnical Problem-Solving

Helpful for

Frontend EngineerFull Stack DeveloperUI Engineer