milva

Milva - Take a break. Take a quiz!

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# count LOC in src/ directory
npm run count

# start express server to serve dist/
npm run start

# build dist/ directory (and commit) and upload on Heroku & GitHub 
npm run deploy

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

TODO List

• Create HomePage (v1)
  • Defined some files with mocks quiz questions and answers
  • Convert questions from Markdown to HTML
  • Filter list of quizzes after select category
  • Redirect to HomePage when category is exists (incorrect categoryId in URL)
  • Menu with categories
    • Display unique list of categories (with "all" option)
    • Create route for concrete category
  • Display list of quizzes
    • Display whole list of quizzes (when category is not selected)
    • Display message when list is empty
    • Create route for concrete quiz
• Create QuizPage
  • Get quizId from URL
  • Get quizModel by quizId
  • Redirect to HomePage when quizModel is not found
  • Display quiz description on profile page
  • Display single question (with answers)
  • Highlight code inside question
  • Switch question after choose answer
  • Display answering progress for single quiz
  • When user answers all questions:
    • Display score
    • Display share button
• Create AddQuizPage (v2)
  • Add button from HomePage
  • Create new route for page
  • Create form
• User (v3)
  • User panel
    • Sign in user with:
      • Regular form component
      • SSO with Facebook / Twitter / GitHub
    • Sign out user
    • Save state of logging to storage
  • User profile
    • Collect score from quizzes and store them
    • Display ranking of quizzes result
• WebSocket
  • Display current logged users
  • Display ranking of single quiz by current logged users
  • Display ranking of single quiz by all registered users
• Time
  • Setup time limit in configuration
  • Display time on question
  • Redirect to next question when time is end
• Hints
  • Display question hints (step by step) when they defined
  • Add to AddQuizPage field where user can defined hints