README.md

# Explain project

## Files and folders you will working on for the quiz are the following

- /public/quiz-test.html
- /public/frontend_css/styles and mobile_styles.css
- /public/frontend_js/quiz-test.js
- /models/
- /controllers/admin/
- /views/admin
- /views/partials/admin/nav.eta

Admin login

localhost:3001/admin/login

email: admin@manaknight.com

password: a123456

### Quiz 1

Response page of question What would you like to be called?.<br>
Make the name appears centered inside of the jar gif.<br>
![Name centered example](./name_centered.png/ "Jar with centered name")<br>
You can change the html or the css to do this task.<br>

### Quiz 2

Each response page should be closed after a set amount of time<br>
The setTimeout of the response page of previous quiz is not working<br>
Figure out where this is handled and make a setTimeout to close the response and move on to the next question using the time stored in variable called "closeResponseTimeoutCounter"<br>

### Quiz 3

We have multiple types of questions type 7 being "multiple select"<br>
You are required to find where it is handled<br>
Then make the button of each option call checkAllergie function that you will be implementing in the next quiz<br>
Then add an option at the end of all options that says None of the above and onclick it should call this function handleNoneOfTheAbove()<br>

### Quiz 4

implement a function that is called checkAllergie()<br>
pseudo steps of the function

- find a way to read the dataset values on the html button element that generated the click
- each button should have data-val that contains the label of the option
- check if that previous val is equal to one of these values ["Banana", "Olive", "Sunflowers"]
- if true -> terminate the quiz
- function terminateQuiz should do the following
  - the termination process need to display a message to the user with a faded black background that has a message and a counter that when it reachs 0 it redirect to /
  - ex: ![Termination screen example](./termination_screen.png/ "Termination screen")
  - message and counter should be controlled from admin portal
  - create a terminate configuration table with the appropriate fields
  - create a tab in admin portal to edit these fields
  - create an api to get these configuration and use it here to construct the termination screen
quiz init commit 2022-04-11 06:32:47 +02:00			`# Explain project`

			`## Files and folders you will working on for the quiz are the following`

			`- /public/quiz-test.html`
			`- /public/frontend_css/styles and mobile_styles.css`
			`- /public/frontend_js/quiz-test.js`
			`- /models/`
			`- /controllers/admin/`
			`- /views/admin`
			`- /views/partials/admin/nav.eta`

fixes 2022-04-11 00:53:39 -04:00			`Admin login`

			`localhost:3001/admin/login`

			`email: admin@manaknight.com`

			`password: a123456`

quiz init commit 2022-04-11 06:32:47 +02:00			`### Quiz 1`

			`Response page of question What would you like to be called?.<br>`
			`Make the name appears centered inside of the jar gif.<br>`
			`![Name centered example](./name_centered.png/ "Jar with centered name")<br>`
			`You can change the html or the css to do this task.<br>`

			`### Quiz 2`

commit 2022-04-11 00:45:11 -04:00			`Each response page should be closed after a set amount of time<br>`
quiz init commit 2022-04-11 06:32:47 +02:00			`The setTimeout of the response page of previous quiz is not working<br>`
			`Figure out where this is handled and make a setTimeout to close the response and move on to the next question using the time stored in variable called "closeResponseTimeoutCounter"<br>`

			`### Quiz 3`

			`We have multiple types of questions type 7 being "multiple select"<br>`
			`You are required to find where it is handled<br>`
			`Then make the button of each option call checkAllergie function that you will be implementing in the next quiz<br>`
			`Then add an option at the end of all options that says None of the above and onclick it should call this function handleNoneOfTheAbove()<br>`

			`### Quiz 4`

			`implement a function that is called checkAllergie()<br>`
commit 2022-04-11 00:45:11 -04:00			`pseudo steps of the function`
quiz init commit 2022-04-11 06:32:47 +02:00
			`- find a way to read the dataset values on the html button element that generated the click`
			`- each button should have data-val that contains the label of the option`
			`- check if that previous val is equal to one of these values ["Banana", "Olive", "Sunflowers"]`
			`- if true -> terminate the quiz`
			`- function terminateQuiz should do the following`
			`- the termination process need to display a message to the user with a faded black background that has a message and a counter that when it reachs 0 it redirect to /`
			`- ex: ![Termination screen example](./termination_screen.png/ "Termination screen")`
			`- message and counter should be controlled from admin portal`
			`- create a terminate configuration table with the appropriate fields`
			`- create a tab in admin portal to edit these fields`
			`- create an api to get these configuration and use it here to construct the termination screen`