LoginSign-up for free
Hiring
Front-End Engineer (Vue.js): Task List Component Implementation
1 hour
Intermediate
Available in
+4
Skills you'll verify
Vue.js
Technical Problem-Solving
Your Role
Frontend Engineer
Your Goal
Design a reusable Vue 3 Task List under time pressure and justify your decisions. Simulation Details: 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.
Helpful for
Frontend Engineer, Full Stack Developer, UI Engineer
How it worksNot sure how it works? Watch the video below.