DEV Community

loading...

Simple Quiz Application With Timer - Vue

arpan45 profile image Arpan Adhikari ・2 min read

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.

Discussion (8)

pic
Editor guide
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 Author

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
musps profile image
musps

Nice work!

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

Collapse
arpan45 profile image
Arpan Adhikari Author

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

Collapse
bobbyiliev profile image
Bobby Iliev

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 Author

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

Collapse
bobbyiliev profile image
Bobby Iliev

No problem and good luck!