Code Monkey home page Code Monkey logo

wordle-custom's Issues

Add storybook to project

  • Re-organise/split up existing components so everything can be well documented in storybook
  • Add stories for all existing components

Allow for custom word length

  • Should have an upper and lower limit (?)
  • Should allow the user to choose their desired length, then create a new game with that setting

Playable for mobile users and others without a physical keyboard

  • Add a keyboard option, either a custom keyboard like the original wordle, or use the phone's keyboard

Custom keyboard

  • Only allows the accepted characters, stops users trying to input random characters
  • Hard to look good on all screen sizes, should be removable/not show up if a physical keyoard is connected
  • Some desktops/tablets may not have keyboard, option should exist even for larger screens

'Create custom game' button

Pops up a modal which lets the user choose the following settings:

  • Max Guesses
  • Length of Word (automatically set if custom word chosen)
  • Custom Word (else random)

Three action buttons:

  • Share
  • Play
  • Cancel (go back to existing game)

Allow for custom number of guesses

  • At least 1 guess, up to unlimited?
  • Allow the user to set the field and either update their existing game with that number of guesses or generate a new game

Fix focus issues

For example, when a user clicks on the new game button, the focus will remain on that button and pressing Enter to guess a word will press that button, causing a new game to generate

Add 'share' button (with basic functionality)

Copies a link which will take any user to a game with the same settings as the game the user is currently playing, including:

  • Number of guesses
  • Length of word
  • Correct word

Game should also be able to be shared when in the game over state

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.