emmymayo
80 lines
2.9 KiB
Markdown
80 lines
2.9 KiB
Markdown
# This project is a toy project for training and quality assurance purposes
|
|
|
|
# Explain project
|
|
|
|
|
|
Admin login
|
|
|
|
localhost:3001/admin/login
|
|
|
|
email: admin@manaknight.com
|
|
|
|
password: a123456
|
|
|
|
View the quiz on localhost:3001/quiz-test.html
|
|
|
|
### 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>
|
|
<br>
|
|
|
|
### Quiz 2
|
|
|
|
Each response page should be closed after a set amount of time using the time stored in variable called "closeResponseTimeoutCounter"
|
|
|
|
There should be a countdown timer that displays the remaining time before the response page closes.
|
|
|
|
### 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
|
|
- check if that previous value is either Banana, Olive or Sunflowers terminate the quiz
|
|
- Terminate the quiz in this manner:
|
|
- 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: 
|
|
- 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 5
|
|
|
|
Implement Quiz Progress Save & Resume Feature:
|
|
- Create functionality to save a user's quiz progress automatically
|
|
- When a user returns to the quiz, show an option to continue from their last answered question
|
|
- Ensure the saved progress is user-specific
|
|
|
|
### Quiz 6
|
|
|
|
Implement Quiz Reset Feature:
|
|
- Add a "Reset Quiz" button in a visible location
|
|
- When clicked, show a confirmation dialog warning that all progress will be lost
|
|
- Upon confirmation:
|
|
- Clear all saved answers and progress
|
|
- Return user to the first question
|
|
|
|
### Quiz 7
|
|
|
|
Implement Question Navigation Bar:
|
|
- Create a fixed navigation bar at the top of the quiz
|
|
- Display numbered buttons for each question in the quiz
|
|
- Visual requirements:
|
|
- Answered questions: Highlighted/colored
|
|
- Current question: Distinctly marked
|
|
- Unanswered questions: Greyed out
|
|
- All numbers should be clickable
|
|
- Clicking a question number navigates directly to that question
|
|
- Navigation should persist across page refreshes
|
|
- Ensure the nav bar remains visible while scrolling
|