DEV Community

Arpan Adhikari
Arpan Adhikari

Posted on

Simple Quiz Application With Timer - Vue

What I built

A simple One Page Quiz Application Written in Vue 2. Which Can be used in any Quiz or Other Applications.

Category Submission:

Random Roulette

App Link

https://simple-quiz-vue-56qwg.ondigitalocean.app

Screenshots

Alt Text
Alt Text

Description

This is an simple OnePage Application Written in Vue2. You can integrate it anywhere in your vueJS application. It has a simple timer with loading animations. Bootstrap-vue is used for the ui component. Since it is open source feel free to contribute to this simple quiz Application here: https://github.com/arpan45/simple-quiz-vue .

Link to Source Code

https://github.com/arpan45/simple-quiz-vue

Permissive License

MIT License

Copyright (c) 2020 Arpan Adhikari

Background

A simple Quiz App Can be integrated anywhere. Most of the Applications which are mainly focused on education purpose can use it for simple challenging Quiz.

How I built it

First time used the DigitalOcean App Platform for deploying my App. It auto detects everything from the repo.CI/CD is just buttery smooth with digital ocean app platform. I just put my code to GitHub . Building and Serving App was so easy with a clean interface. I just selected the repository and set the dist directory for deploying. That is it. You can deploy the Application in just a click.

Deploy to DO

Additional Resources/Info

I have used Unsplash for the landing page image.
Bootstrap-Vue as UI components Library.

Top comments (9)

Collapse
 
raddevus profile image
raddevus •

That's a really nice quiz app. I only scored 3/7 on the quiz (I'm not a Vue dev) but it was a very nice UI. I just completed my entry for the #dohackathon challenge and I hope you'll take a look at it and give feedback on my UI / UX. Your UI is so clear and clean so I value your feedback. The quiz is a great idea of this challenge too. thx

Collapse
 
arpan45 profile image
Arpan Adhikari •

I saw your app. Its clean and great. Awesome work

Collapse
 
raddevus profile image
raddevus •

Thanks so much for taking the time to check it out and comment. I really appreciate it.

Collapse
 
bobbyiliev profile image
Bobby •

That looks great! Well done!

You should try using the quizapi.io to extend the number of questions that you have.

Collapse
 
arpan45 profile image
Arpan Adhikari •

Thanks a lot. And surely I will look into quizapi.io

Collapse
 
bobbyiliev profile image
Bobby •

No problem and good luck!

Collapse
 
musps profile image
musps • • Edited

Nice work!

+
When you work under MacOS Don't forget to add ".DS_Store" files in your .gitignore

Collapse
 
arpan45 profile image
Arpan Adhikari •

Thank you. I missed that. I will add .DS_Store

Collapse
 
vllerena profile image
Victor Llerena Caballero • • Edited

Thanks dude it's a really very big help example!