Introducation

This is Quiz application that run on Web, support mobile with PWA.

Completed Features

• Support PWA
• Single, multiple choice of a question
• Display review correct/wrong questions
• Display result correct/wrong/missed questions after finish.
• Cached started quizs & result

Incompleted Features

• Resume the quiz
• Refactor code of Quiz service
• Get back to wrong question in Review page.
• Build home page, about page
• Build loading for page, component
• Build skeleton loading/placeholder loading for component

Technical Applied

• Using Provide/Inject feature of Vue to separate Logic code out of UI Component
• Using Monorepo to build a completed project which easy to scale, develop
• Structure SASS project, avoid render styling repeatly.
• Build common concepts like Dialogs, Confirmation Dialog, Snackbar for notification by using Vue Plugin
• Do not use VueX to manage stage
• Make some unit test
• Apply alias path
• Lazy load for quiz

Plan to apply

• Do more Unit Test for all components
• Do more Cypress test
• Do more performance test
• Try to deploy to production env
• Easy to change new theme
• Do multiple languages
• Build splash page