The Quizzes site was created in Vue.js 3 as main practice project for learning the framework. It is a site with various multiple answer quizzes, which use the Open Trivia API.
Live view: Check Your Knowledge
The project has been created as part of my Vue.js 3 Fundamentals course on FrontEnd Masters.
For now the project is completed in the basic stage, which makes it usable and available for others. Full list of planned updates and functions is below.
- HTML 5
- CSS, Tailwid
- Vue.js 3, JavaScript, TypeScript
The project is designed only for desktop versions. I will update the responsiveness in the future.
Project is: completed in basic project.
For now the live preview shows a basic version of a Quizzes site. The end user can choose the quiz category and start the quiz. After they answer all questions, they will receive an information about their score and will be able to retake the quiz with the same questions.
COMPLETED:
- basic components of the quizzes,
- basic implementation of styles,
- working JS code,
- search engine for quizzes,
- information dialogs: creating client side information dialogs/snackbars for success/info/warning/error informations from the backend,
- refactor of all dialogs and forms,
- responsiveness: for mobile and tablet views.
The following are planned to be implemented:
- new categories: adding more quiz categories to the site,
- choosing amount of questions and difficulty,
[23/03/2023] Add responsiveness in design for tablet and desktop.
The project has been inspired by a Vue.js 3 tutorial project done by Laith Academy: The Ultimate Vue 3 Tutorial (100% Composition API)