Quizzler runs in your web browser, Quizzler is designed from the ground up to be the easiest quiz night you'll ever run.
- Login form with all validation forms will be handled with (regular expressions )
- Highest score list keeping track of user scores collected in each category (will be handled with persistence cookies )
- On login, the user will be directed to page 2
- User can choose the questions category before starting the game.
- Based on the user-selected category question will be loaded from the local JSON file will be handled using (ajax)
- The page will have some animation using jquery UI library
- Based on user click on a specific category will be automatically directed to a page 3
- Questions will appear one after another on the same page after the user clicks on the answer.
- Right and Wrong signs will be animated appears bases increment based on user answer to make the user keep track of his answers
- Questions updates on the page will be animated (shaking if wrong then disappear and the next question appears if right different animation effect will be applied).
- After the last question submission user will be directed to page 4.
- The results page will present the user’s score after each quiz.
- User will have two option one to back to the home page (page 1).
- The other option to back to the category list to choose a category (page2) and play again.
- Whenever the user clicks on the logo image within any page he/she will be directed to (page 1)
- If the user clicked on the logo image while the quiz is running in (page 3) his/her score will not be counted for this quiz.