Word Guess Game
Six guesses, five letters, and tile colours that have to be exactly right.
BeginnerWeb appGame6–14hAI-buildable 4/5no setup
The Wordle mechanic, which is much fussier than it looks. The colouring rule for repeated letters is the trap almost every clone gets wrong: a guessed letter appearing twice when the answer contains it once must colour one tile and not the other. Get that right and the rest is presentation.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- A grid of six guesses across five letters
- An on-screen keyboard that also reflects letter states
- Tiles colour for exact match, present-elsewhere and absent
- Repeated letters colour correctly against the answer's real counts
- Guesses are validated against a word list before being accepted
- Win and lose states with the answer revealed
- Game state survives a page reload mid-game
The interesting part
- The repeated-letter colouring rule, which needs a two-pass count
- Keeping the on-screen keyboard state consistent across guesses
- Reveal animations that don't block further input
Once it works
- Add a daily puzzle seeded by date
- Add a shareable emoji-grid result
- Add a hard mode requiring revealed hints to be reused
Suggested stack
reacttypescripttailwindframer-motionlocalstorage