https://github.com/huydoansg/vue-quiz

Implement some practicals with Vue to build a simple web application, build a PWA to make a quiz...
https://github.com/huydoansg/vue-quiz

dialog modal monorepo novuex plugin practicals provideinject quiz vue vuedemo

Last synced: 2 days ago
JSON representation

Implement some practicals with Vue to build a simple web application, build a PWA to make a quiz...

• Host: GitHub
• URL: https://github.com/huydoansg/vue-quiz
• Owner: huydoansg
• Created: 2019-09-02T13:36:31.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-10T19:16:19.000Z (almost 3 years ago)
• Last Synced: 2023-02-27T13:26:37.890Z (over 1 year ago)
• Topics: dialog, modal, monorepo, novuex, plugin, practicals, provideinject, quiz, vue, vuedemo
• Language: Vue
• Homepage:
• Size: 1.99 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Introducation

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

## Completed Features

- [x] Support PWA

- [x] Single, multiple choice of a question

- [x] Display review correct/wrong questions 

- [x] Display result correct/wrong/missed questions after finish.

- [x] 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

- [x] Using Provide/Inject feature of Vue to separate Logic code out of UI Component

- [x] Using Monorepo to build a completed project which easy to scale, develop

- [x] Structure SASS project, avoid render styling repeatly.

- [x] Build common concepts like Dialogs, Confirmation Dialog, Snackbar for notification by using Vue Plugin

- [x] Do not use VueX to manage stage

- [x] Make some unit test

- [x] Apply alias path

- [x] 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