You can play this game at https://vue-hangman.netlify.app
Bahrain,Bangladesh, Bolivia, Botswana, Brazil, Canada, Chad, Chile, China, Colombia
- VueJs
- Typescript - with class type vue components
- Element UI (https://element.eleme.io/#/en-US)
src/pages
directory contains all the web pages to be rendered by vue router. Each page is further divided into three files: page.vue file which contains only the html/vue template, {page}.scss file which contains the style of the page, {page}.ts file which exposes a class acting as a component for the {page}.vue file.src/components
directory contains all the re-usable components inside the vue pages like re-usable pop-ups etc.src/modules
directory contains all the business logic, in this project's case hangman algorighm is implemented atsrc/modules/hangman.ts.
- Building Responsive UI - ElementUI with custom media queries are used for building responsive ui. The device dimentions for media query are mentioned in
assets/_variables.scss
file. - Hosting - netlify.com is used for hosting the site. Netlify having tight integrations with github, provides out of the box CI/CD, self-managed SSL, post deployment processes, domain management and more.
- Clone repo to local machine.
- Install npm dependencies using
npm install
. - Start the game using
npm run serve
.