Skip to content

debadeepsen/vuewordgame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 

Repository files navigation

vuewordgame

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/

Purpose

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)!

Contribution

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.

Prerequisites

You need to have NodeJS and npm installed.

Installation and running

Clone

git clone https://github.com/debadeepsen/vuewordgame.git

Run

cd wordgame
npm i
npm run serve

About

A simple word game, built with Vue JS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published