Build a Wordle Clone in React: Full Code-Along Tutorial
In this video, we'll build a fully functional Wordle clone using React from scratch! This code-along video is perfect for developers looking to enhance their skills with practical, hands-on experience. We'll walk through every step of the process, from setting up the React environment to implementing game logic, managing state, and styling the app with Tailwind CSS.
This is a new style of video I'm trying. Rather than formatting the video as "Here's how to do X, then how to do Y, etc..." This is more of a code-along video where you can watch me attempting to tackle this problem. Please leave a comment whether or not you like this video so I can get some constructive criticism!
Resources:
GitHub Repository (Link to the source code): https://github.com/AustinDavisTech/Wo...
React Documentation: https://react.dev/
Tailwind CSS Documentation: https://tailwindcss.com/
Timestamps:
0:00 - Project Setup
3:21 - Rules and Organization
15:30 - Some initial state
17:00 - Handling Keyboard Typing
47:25 - Real Time Updates
51:33 - Green & Yellow
1:08:18 - Game Over Conditions
1:17:32 - Pulling a Random Word
1:26:53 - Playing the game
1:30:50 - Reset the game