Giter VIP home page Giter VIP logo

hangman's People

Contributors

edmundkorley avatar

Stargazers

 avatar

Watchers

 avatar

hangman's Issues

Settings component

  • Settings
  • an object and view for the global configuration settings of the current game.

Rigorous styling

After functionality is fully implemented, please reduce eye-soreness-factor.

Plus this only fully works for Chrome right now. Flexbox support is lacking on Safari and our wordService needs to be transpiled by Babel for Firefox and Safari (since we used the class keyword).

Words service

  • Words - get relevant words to use in the hangman game.
  • Words(store) - store is the locale from which to fetch words.
  • getWord(config) - get a specific word from the /words API with a specified configuration, could implement the necessary caching needed to avoid extra requests.

Fixes

  • Making win and dictionary definetion n actual link to definetion + removing alert.
  • Restart game more semantically, suggest levels
  • Break up JSON for smaller payload
  • Insert emojis as escape sequence for better support
  • Offer limited hints that eliminate characters not in given word
  • Make number of guesses variable and compute number of SVG pieces to be drawn as f(x) of the number of guesses

Leaderboard

Track users/scores over time and show a leaderboard

  • Use Firebase as a backend.
  • Implement users + light authentication
  • Implementing scores.

Keys component

Display the current keys correctly guessed and underscores for the keys to be guessed.

Status component

Display information about the current session such as incorrect guesses made, guesses left, record, and so on.

Keyboard component

  • Keyboard - representing the universe of alphabetic keys and the user's interaction with those keys.
  • Keyboard(charset) - initialized with a default character alphabetic set.
  • registerDelegate() - a delegate method for when a user keystroke or user clicks on visible key event happens. Will call a userKeyed(key) method on the delegate.

Hangman component

Containerize the game logic to weave the previous components together and implement a fully functional game.

Drawing component

  • Drawing - the pictorial representation of the hangman. We can use SVG to represent a collection of separate drawings.
  • Drawing(config) - initialized with an optional configurable object for the properties of the hangman, such as gender, style, etc.
  • drawNext() - draws next piece of hangman in order.
  • refresh(config) - reinitialize the hangman with new optional configuration.
  • isFull() - checks whether all pieces of hangman have been draw.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.