Objective
Imagine you work in Smarter Technology’s virtual call center.
Your objective is to build an interface that allows humans to define the workflows required for LLM agents to make phone calls and collect information from insurers.
Rules
- The designer has provided this initial spec for the the minimum viable product.
- The UI displays nodes that represent questions that the LLM agent will ask, and edges (represented by arrows) that connect them together in a sequence.
- Clicking the “Add Node” button should append a new node to the end of the sequence (use predefined, static questions for the content of new nodes).
- Iconography should use the Lucide icon set.
Implementation
Build a single-page application that implements the design and interactions noted above.
Submission Guidance
- Time Management
Allocate no more than 45 minutes to complete this challenge.
- Application Framework
You may use any libraries you think are appropriate to build the UI. The application must use the React framework.
- Submission Format
- Option 1: Submit a public GitHub repository with clear README instructions.
- Option 2 (Preferred): Host your solution on an online IDE like Repl.it or CodePen for immediate code review. Ensure the link is accessible for direct execution.
- Evaluation Criteria
Submissions will be assessed on:
- Requirements met;
- Code quality; and,
- Attention to detail.