Simple Quiz App

English | Français

---

Introduction

This is a simple quiz app built in Vue 3 using the composition API.

This project was originally built for a Dev Jam, and helped me familiarize myself with the Vue.js framework and vue-router.

The project is broken into two parts, the frontend and the API (available here)

How does it work?

The quiz app allows you to do the following:

• ✅ - Create a new Quiz with up to 10 questions (arbitrary limit that can be extended)
• ✅ - Once created, get a shareable link to allow others to play your quiz
• ✅ - Play a random Open Trivia DB quiz
• ✅ - Play a random quiz created by other users on the site
• ✅ - Display correct and incorrect answers
• ✅ - Get the quiz score and elapsed time once a quiz is finished

Preview

Live demo

Browser support

Most modern browsers are supported (excluding Internet Explorer).

Edge	Firefox	Chrome	Safari	Opera

Project setup

To make the project as intended, both API and Frontend are required.

For more information of how to setup the API please refer yourself to the API's README page

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Credits

The project was built with Bootstrap 5.0, Vue Router 4 and OpenTDB

License

MIT