Skip to content

debadeepsen/vuewordgame

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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