Build the next Wordle game with React

Can you spot the one 'd' hiding in a board full of 'b's? That's the whole game: a grid of lookalike letters with one impostor, a timer, and 10 rounds where the board size and letters change every time. Small idea, but building it works muscles that transfer to real React work: 2D data structures, dynamic rendering, and clean utility functions.

I code it from an empty create-react-app in the video.

What's inside

• Model each cell as an object with row, column, letter, and a hidden flag
• Generate a 2D board matrix with randomized dimensions
• Pick letter pairs that look alike, such as 'b'/'d' and 'p'/'q'
• Place the hidden letter at a random position every round
• Track progress and time with React state
• Keep logic reusable with a components and utils split

Resources

CourseReact with TypeScript course

Turn game logic instincts into real React skills, with TypeScript from day one.