Wordle
My Wordle
Description
The inspiration for this project came from the popular game that can be seen on the New York Times website. As great as this game is, I always wondered, why limit it to just 5-letter words? Or what if some days I want more or less of a challenge? And occasionally when I couldn't guess the word I would ask, is this really a word? So, for my implementation of the game, I included solutions to all of these questions. My game includes an adjusting grid that changes according to the word length and difficulty selected, and after the game is over, a definition is provided via the Merriam-Webster API. One of the challenges with this project was making the keyboard from scratch and getting it to look as I wanted. Another part I found tricky was writing the logic for when an enter/delete would be allowed as the rules changed depending on the word length and other factors. Overall this project was a great learning experience with HTML, CSS, JS, and how they all mingle together.
Main Takeaways
  • CSS Basics
  • Using an API for word definitions
  • Basic Javascript logic
  • Adding HTML to the page from Javascript
  • Button click event handlers
  • CSS order of precedence
  • Importance of responsive design (this site is broken on a mobile view)