cover-picture
Hangman Game
Structured HTML
CSS styling
JS logic & basics
JS DOM & events
Effort:
Major
EXP:
600

Hangman Game

Create an engaging Hangman web game where players guess words, with a real-time display of their progress and the hangman character's parts appearing for wrong guesses.

Welcome, developers! You are tasked with building a hangman game. Hangman is a word guessing game. As a developer you will feed some words to the game & then it will ask a user playing the game to guess a word out of all the words given, by guessing characters one by one. The word needs to be guessed correctly within limited number of attempts to win the game.

General requirements

Your solution should retain the structural integrity of the starter kit while introducing functional enhancements and visual refinements to elevate the user experience. The home page or the landing page for Html, CSS and Javascript projects should be 'index.html' .



Task for students


UI reference & demo

  • Use the given starter kit to design the Hangman Game interface, aiming to mirror the UI created using starter kit while also adding your innovative touches.
  • Watch the demo video which will help in designing the project in recommended way -



How to zip & upload your project

  • You must start the project by first downloading the starter kit file attached to this project & make changes in those files only. You should not start from scratch by creating your own files.
  • Use the given starter kit file and do not make any changes in the package.json and the already provided versions of the dependencies.
  • Delete your package.lock.json and node modules before submitting the zip of the project.
  • Project folder name should not contain characters like +, (, / etc.
  • Project must be in a root folder which must be zipped and then submitted for evaluation.
  • Watch this video to see how to upload your project or problem -



Evaluation

  • After submission, your project will be evaluated automatically based on tasks defined above.
  • Upon successful completion of all the tasks/requirements, you will get a full score, otherwise you will get a partial score based on the tasks completed successfully.
  • You can work on your failed test cases & resubmit the project.
  • Your project evaluation may take a few minutes to get evaluated after submission.
  • After completing certain projects, you will be rewarded with badges for defined competencies

Best of luck, developers!