Scribd
Upload
46 views

Angular Assessment

The document outlines a form builder application that allows a user to add questions, select an answer type of paragraph or multiple choice, provide answer options for multiple choice, and then review their answers on a separate page; the form builder should support adding multiple questions and validating required fields, and the review page should display the user's submitted answers.

Uploaded by

rofod95270
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
46 views

Angular Assessment

The document outlines a form builder application that allows a user to add questions, select an answer type of paragraph or multiple choice, provide answer options for multiple choice, and then review their answers on a separate page; the form builder should support adding multiple questions and validating required fields, and the review page should display the user's submitted answers.

Uploaded by

rofod95270
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Angular Developer Pre-Assessment

Level: Intermediate
API Access Required: No
Max Allowable Time: 4 Hours
Technologies: Angular 10+, Reactive Forms, RxJS, Typescript

Create a basic form builder which allows the user to add questions, answer the questions and then view
their answers on a ‘Review my answers’ page.

Initially the page will be empty with one button, ‘Add Question’. When they click that button display a
modal where they can input their question and choose the answer format, i.e. Paragraph answer or
Check Box list (multiple choice).

If the user selects Check Box list then they will be able to add up to 5 answer options as well as an
‘Other’ option which will display a text box when checked so the user can type in their own answer.

Admin should also be able to specify if a field is required or not and there should be basic validation on
the Question Add modal too.

Once they’ve filled in the form they’ll click ‘Review My Answers’ which will route them to Form-Review
and list their answers on labels.

Part 1: Form Builder (http://localhost:4200/form/builder)


2 question types: Paragraph
and Checkbox list
Please tell us about yourself *

Add a New Questions

Checkbox List V
Please select the languages you know *

Typescript Type question here


Python
Add Answer Option
C#

Other Add Answer Option


Add New Question + Add another answer
Review my answers > Allow user to specify their own answer
This field is required

Submit
Part 2: Form-Answers (http://localhost:4200/form/answers)

Show the user’s selections on a preview page.

Please tell us about yourself

I’m a senior developer with 12 years of experience


building large scale enterprise applications. I’m
fanatical about performance and have excellent
attention to detail
Please select the languages you know
Typescript
C#
Other – I also know Dart

Back to Forms Builder

You might also like