Built with React, this program calculates the number of points awarded for a move in the board game, Scrabble.
This project was designed to make playing the board game version of Scrabble more enjoyable, by providing a fast and reliable method of calculating turn scores. The program features an easy-to-use graphical user interface comprised of a virtual board and table. With the use of keystrokes, the user can place tiles on the virtual board to mirror the state of the actual board.
Tiles | Starting screen |
---|---|
![]() |
![]() |
Type in the player names in turn order, pressing the enter key to add a player to the list. Once each player name has been entered, click the button labelled 'GENERATE' and the program will generate a board and table. N.B. Player names are restricted to 6 letters so that when displayed as the column title in the table, they are guaranteed to fit within the width of the column.
Click the square on the board upon which a tile is to be placed. The square should now be selected and flashing yellow. A tile can now be added by typing the corresponding letter on the keyboard, however, if the number of tiles a player has placed is more than one, the program needs to know which direction to add subsequent tiles. To set the direction, either click the respective button to the right of the board or use the arrow keys on the keyboard (either right or down arrow). After all the tiles have been placed, pressing the enter key will submit the move for validation. If the move is NOT deemed to be a valid Scrabble move, close the alert box then use the backspace key to remove tiles in reverse order of placement. To add a blank tile, use the space bar then type in the letter the blank tile represents.
- Has built-in Scrabble rules.
- Includes a dictionary to verify words.
- Keeps track of the remaining tiles.
- React 17.0.1
- JavaScript (ES6)
- HTML 5
- CSS 3