quiz init commit

2022-04-11 06:32:47 +02:00
commit 3e49e31399
445 changed files with 109700 additions and 0 deletions
@@ -0,0 +1,48 @@
+# 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
+
+### 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 respone 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>
+pseduo 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