This project is a recreation of the classic guessing game known as Wordle, which became so popular that it was purchased by the New York Times from the original creater for a seven-figure sum. This project was worked on as to fulfill one of my goals of becoming more familiar with front end / web development. It was created in Visual Studio Code using html, css, and javascript as part of my minigames series where I utilize various resources to remake simple games in order to further my learning as well as to have fun!
Wordle consists of six 5-letter rows in which player's can enter their guesses. The goal of the game is to guess the secret word to win! A correct letter in the correct position will be outlined in green, a correct letter in the wrong position will be outlined in yellow, and a incorrect letter will be grayed out.
In order to play this version of Wordle, follow the link to a in-browser build (No download required!).
A brief description of all of the files is as follows:
- The
indexfile is full html and handles the structuring of the webpage. - The
stylesfile is full css and handles the styling/animation of the webpage. - The
scriptfile is full javascript and handles the interactions and state logic for the webpage. - The
dictionaryfile contains all of the possible words a user can guess. - The
targetWordsfile contains all of the possible words that will have to be guessed.
- Visual Studio Code
- GitHub
- GitHub Desktop
- Credit goes to WebDevSimplified for the helpful base game tutorial!
This game, like many of the others I have worked on, is completely free and made for fun and learning! If you would like to support what I do, you can donate at my metamask wallet address: 0x32d04487a141277Bb100F4b6AdAfbFED38810F40. Thank you very much!