An open API service indexing awesome lists of open source software.

https://github.com/iqbaltaufiq/quiz_app

A basic four multiple choice quiz app built in Vue 3. Questions and answers are in Indonesian.
https://github.com/iqbaltaufiq/quiz_app

bootstrap bootstrap-vue bootstrap4 bootstrapvue indonesia lodash quiz quizapp vue vue-cli

Last synced: 2 months ago
JSON representation

A basic four multiple choice quiz app built in Vue 3. Questions and answers are in Indonesian.

Awesome Lists containing this project

README

          

# Quiz App - Documentation
The code is written in english, but the quiz' question and answers are in **Indonesian language.**

## Short Description
- This is a basic quiz app built in Vue.
- It consists of 10 questions, where each question has 4 (four) multiple choices.
- Each correct answer will get +10 score.
- When user has reached the last question, they will receive their final score.

Long story short, if you know an old quiz named **_Who wants to be a millionaire_**, then this is very similar to it.

## Getting started
```bash
# clone the project
git clone https://github.com/iqbaltaufiq/quiz_app.git

# enter the project directory
cd quiz_app

# install dependencies
npm install

# run in development mode
npm run serve

# open browser and enter the address
http://localhost:8080
```

## Tech Used
- HTML, CSS, JS
- [Vue 3](https://vuejs.org) (CLI with Babel & ESLint standard)
- [Bootstrap Vue](https://bootstrap-vue.org/)
- [Lodash](https://lodash.com/)

## Project Preview
To avoid excessive data usage caused by loading multiple images, here is a preview of the quiz.
> If you are willing to see more, then we encourage you to see the ```PREVIEW.md``` file or [click here to redirect.](https://github.com/iqbaltaufiq/quiz_app/blob/master/PREVIEW.md)
---
![](https://i.imgur.com/NebVK27.png)