Wordler

This app was built at a family gathering using Claude Code, requiring nothing but English conversation to go from idea to working application. No code was written by hand.

How to Use

Start typing letters to fill in the grid, just like Wordle.
Click or tap any tile to select it. The selected tile has a white outline.
To change a tile's color (gray / yellow / green), select it and press Enter.
Use arrow keys to move between tiles on desktop.
Backspace to delete a letter.
When a row is full, a new row appears automatically.
Matching words update live below the grid as you type and set colors.

Color Meanings

Gray — letter is not in the answer.
Yellow — letter is in the answer but not in this position.
Green — letter is in the correct position.

How This Was Made

The conversation started with a request for a Wordle helper web app with a modal-based UI for entering letter clues. After the first working version, the design was rethought entirely to match the actual Wordle grid layout — type letters into tiles, click to set colors.

Mobile support was then tackled: the keyboard wouldn't appear on phones because the tiles were divs, not inputs. A hidden input field was added, and color cycling was moved from click-to-cycle to Enter-key-to-cycle so that tapping a tile could both select it and bring up the keyboard.

The final iteration improved cursor highlighting with a white outline visible over any tile color and added full arrow key navigation for keyboard-only use on desktop.

Every feature — from the initial word list embedding, to the flip animation, to the mobile swipe detection — was described in plain English and implemented by Claude Code in a single conversation.

Built with Claude Code at a family gathering, March 2026.