A Dynamic Form Builder Module which will generate forms controls according to given JSON file(assets folder).
- Scalable Module structure
- Runtime Configuration Loader
-
Project is created with:
- Angular 8
- Angular Material 8
To run this project, install it locally using npm:
npm install
npm start
update(If Needed) JSON file in assets folder or create new JSON file below format
{
"key": "Q01",
"type":"radiobutton",
"label": "Which is the largest country in the world by population?",
"options": [
{ "key": "germany", "value": "Germany" },
{ "key": "usa", "value": "USA" },
{ "key": "china", "value": "China" },
{ "key": "russia", "value": "Russia" }
],
"order": 1,
"required":true,
"answer":"china"
},
{
"key": "Q02",
"type":"radiobutton",
"label": "When did the second world war end?",
"options": [
{ "key": "1945", "value": "1945" },
{ "key": "1939", "value": "1939" },
{ "key": "1944", "value": "1944" },
{ "key": "1942", "value": "1942" }
],
"order": 2,
"required":true,
"answer":"1945"
},
Please use the following questions to build a simple quiz app. Initial score will be 0, each correct answer should add 1 point to the score, and show the final score once the quiz is completed.
The app should be a single page app, which starts with a welcome screen, click "Start the Quiz" button on the welcome screen to show questions. Only show one question at a time, and each question need to have 4 available options (radio buttons) for user to select. Once user finishes the last question, show the final score.
Question 1: Which is the largest country in the world by population? Options: India, USA, China, Russia Correct Answer: China
Question 2: When did the second world war end? Options: 1945, 1939, 1944, 1942 Correct Answer: 1945
Question 3: Which was the first country to issue paper currency? Options: USA, France, Italy, China Correct Answer: China
Question 4: Which city hosted the 1996 Summer Olympics? Options: Atlanta, Sydney, Athens, Beijing Correct Answer: Atlanta
Question 5: Who invented telephone? Options: Albert Einstein, Alexander Graham Bell, Isaac Newton, Marie Curie Correct Answer: Alexander Graham Bell
use this link StackBlitz