The game board consists of a 5x5 grid with nine movable letter tiles in the center. Four corner tiles and three randomly selected tiles are revealed in their correct position. Swap the movable letter tiles by clicking on a pair of them. Unscramble the four words in the outermost slots within two minutes to solve the WordFrame! A reveal button was added to assist players with solving puzzles.
The React Client uses an api call to the Express Server to retrieve a random four word solution set (words, letter tiles, corner tiles, answer array). The api call occurs when the 'Start' or 'Play Again' buttons are pressed on one of the modal pop-ups. The retrieved data is used to position the 9 moveable tiles in the center of the gameboard, the four fixed corner tiles, and three randomly revealed tiles.
graph TD;
A[WordFrame App] --> B[Front End Client]
A --> C[Express Server]
B --> D[Tile Component]
B --> E[Slot Component]
B --> F[Gameboard Component]
B --> G[Game Component]
C --> H[gameRoutes]
To run WordFrame on your local machine, follow these steps:
- Clone the Repository: Clone the WordFrame repository to your local machine.
- Install Dependencies: Navigate to the project directory and run npm install to install the necessary dependencies.
- Start the Application: Run npm run dev to start the application. It will be available at http://localhost:5000.
Contributions to WordFrame are always welcome, whether it be improvements to the codebase, bug reports, or new feature suggestions. If you wish to contribute, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or fix.
- Commit your changes and push them to your fork.
- Submit a pull request with a clear description of your changes.
WordFrame is released under the MIT License.