A very basic word search game. With a list of randomly generated words, a grid is created. The user is then tasked with trying to find these words. As words are found, they stay selected on the grid and crossed out from the word list.
Decided what better way to try and learn React than trying to make a simple game with it.
I've deployed the front-end of this application on Netlify and the back-end on Heroku. Since it's been deployed using free services, please be patient when accessing the app. If it hasn't been accessed in a while, it will have to wake itself up or if there are too many people trying to access it, your server requests might time out.
The live demo can be accessed here: Word Finder - DEMO
Before you begin, ensure you have met the following requirements:
- Your
npmversion is >=6.14.8
To install Word Finder, follow these steps:
Linux and macOs:
git clone https://github.com/isoyute/word-finder.git
cd word-finder/client
npm i
cd ../server
npm i
I've only installed, ran and tested this app on macOS Catalina 0.15.6
This is a list of things that I still plan on working on when I get the chance (feel free to steal them, see contributing section below):
- Fix issue where list of generated words will contain duplicates
- Fix selection line going outside of the grid
- Fix app getting stuck generating smaller grids (happening when grid size <= 10x10)
- Fix selection line getting stuck in
mouseDownstate when mouse released outside the grid
- Add winning screen
- Add difficulty levels, with different grid sizes
To contribute, follow these steps:
- Fork this repository
- Create a branch:
git checkout -b <branch_name> - Make your changes and commit them:
git commit -m '<commit_message>' - Push to the original branch:
git push origin word-finder/<location> - Create the pull request.
Alternatively see the GitHub documentation on creating a pull request.
This project uses the following license: MIT