Try your luck dice game

The Try your luck dice game site is a simple and enjoyable dice game based on luck of the random digital dice. The user competes against the computer and has an equal chance of winning. The site is directed at users who are interested in playing a quick simple game without any preknowledge of complicated game rules. Visitors to this site will benefit from the simplicity and speed of the game.

Features

Existing Features

• Heading area
  • The heading text and brand logo at the top of the page serve as the page title and introduction to the site
  • The top heading area content informs and enables the user to quickly comprehend what the site is all about.
• Game area
  • The game area takes up the largest part of the site. This is where the game is played and shown. It consist of the display area where the game result is displayed and areas for the competiting player and computer
  • The simplicity of the text based game area allows the user to be constantly informed and therefore play the game easily.
• Game button
  • The game button is used to control the start of a new game. It also triggers the display of the game status and winner.
  • This button alone allows the user to control all aspects of the game. No other aid or skills are required to play the game.

Features left to implement

• A Future Idea
  • A function which adds player and computer game scores in a cumulative total.

Testing

• The site was successfully tested on Chrome, Firefox and Edge browsers.
• The page was Lighthouse for accessibility on moblie and desktop devices. For both devices the accessibility score was over high.

Validator Testing

• HTML
  • No errors were detected when tested with W3C HTML validator
• CSS
  • No errors were detected when tested with W3C CSS validator

Fixed Bug

• I was able to fix the bug preventing me from placing the values from the random dice roll on the display area.
• I was able to fix bug preventing the page from being responsive.

Deployment

• The site was deployed to GitHub pages. For the deployment the following steps were applied:
  • In GitHub repository, navigate to the Settings tab
  • From the left sidebar options select Pages and under Github Pages from the source section drop-down menu, select option to deploy from main branch, save and the live link will be generated.

The live link to the hosted project is - https://peterudu.github.io/try-your-luck-dice-game/

Credits

Content

• The general structure and code pattern used to build the heading section of the page was based on example illustrated in Code Institute Love Maths Project.
• The structure and code pattern used to build the game area, the display area and the button was based on JavaScript dice game examples at YouTube, most particulary from Laurence Svekis - Complete JavaScript Projects Course Games 55 Modern JS DOM Udemy course.
• The dice icon used as heading logo was sourced from flaticon. For this my biggest thanks is attributed to Freepick