WordSmith

Inspiration

WordSmith is inspired by a pen-and-paper game I used to play frequently with family and friends. While the game was fun, it often involved manual counting errors or rule misunderstandings. I decided to bring the game online to make it more accessible, accurate, and user-friendly.

Challenges

Building WordSmith came with several hurdles:

• Validating user input dynamically
• Accurately comparing the guessed word with the secret word
• Handling edge cases and ensuring the logic accounted for all possible scenarios
• Designing a layout that's clear and easy to use under pressure (especially during fast-paced rounds!)

Lessons Learned

Through this project, I deepened my understanding of:

• Conditional logic and string comparison in JavaScript
• Building interactive UI components that provide real-time feedback
• Managing state and resetting values cleanly between game rounds
• Thinking like both a developer and a player to improve the user experience

How to Play

• Set the Word Length
  • Choose how many letters the secret word will have.
• Enter the Secret Word
  • The word creator types a word of the selected length into the "Chosen Word" field.
• Make a Guess
  • The guessing player/team enters their attempt into the "Word Challenge" field and clicks "Challenge".
• Get Hints
  • The "Alphabet Count" box shows how many letters are shared between the guessed word and the secret word.
  • The "Alphabets Found" box lists the specific letters they have in common (regardless of position).
• Repeat Until Solved
  • Players keep guessing until they identify the secret word.
• Start a New Round
  • Hit "Reset" to play again!

Tip: The shared letters are revealed, but not their positions, making this a fun challenge of logic and deduction.

Links

Website: https://wordsmithy.netlify.app/

Built With

• css
• html
• javascript
• scss