Hangman

Simple yet fun game in which you try to guess a word in as little guesses as possible. If you take too many guesses you get hanged.

This is my very first own project designed and programmed by myself.

Technologies

• HTML & CSS with Sass
• JavaScript
• Modules:
  • circletype
  • gh-pages
  • uglify

What I learned

Hangman took me about 3 days of hard work to complete and gave me plenty of new expierence with basic web design:

• How to use NPM and install dependencies
• NPM scripts and deployment automatization
• How cdn works and how to use it
• Publishing to Github Pages
• How to animate SVG graphics
• Writing Sass
• Project structure (dist folder)
• Writing better Markup files

Biggest obstacle

The biggest roadblock was figuring out how to publish a site with an npm dependency to Github Pages. I resolved it by using UNPKG cdn

Other big obstacle was to resolve an issue with the installed dependency and to come up with a nice functional design using the dependency.

Possible extensions

• Animating the hangman on restart
• Animating the hangman on hover
• Adding you lost / won text
• Adding a dark mode