A simple word game, built with Vue JS (2.0). Inspired by Hangman, it gives you a random (but common English) word, and asks you to guess it, letter by letter.
Live demo: https://debadeepsen.github.io/vuewordgame-demo/
This is meant to serve as an educational example, as it demonstrates some very commonly used features of Vue JS
- State
- Computed Properties
- Methods
- List Rendering
- Event Handling
This also shows how to build cool widgets such as a circular progress indicator (which, at the time of writing this, is coded into App.vue, but I intend to make it a standalone component some day).
Lastly, it is fun to play (as long as you don't cheat by peeking at Vue Devtools)!
I'm always learning, and I invite contributions! If you would like to add on to the existing game, or improve upon performance or some other aspect, please submit a pull request. Just try not to make things too complicated. This is meant to be a hands-on guide for beginners, and I'd love to keep it that way.
You need to have NodeJS and npm installed.
git clone https://github.com/debadeepsen/vuewordgame.git
cd wordgame
npm i
npm run serve