playlistduration

Make a Wordle Clone with React

by Net Ninja · 16 videos

Total watch time

2h 39m

at 1× speed · exactly 2 hours, 39 minutes, 22 seconds at 1×

1×2h 39m 22s
1.25×2h 7m 30s
1.5×1h 46m 15s
1.75×1h 31m 4s
2×1h 19m 41s
Average video9m 58s
Longest15m 12s
Shortest4m 24s
Compare Open on YouTube JSON

Plan to finish

About 3 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 3 days. Turn on JavaScript to plan around your week.

Videos (16)

2h 39m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 Make a Wordle Clone with React #1 - Introduction & Setup 15:12 2022-04-20
2 Make a Wordle Clone with React #2 - Using JSON Server 12:28 2022-04-21
3 Make a Wordle Clone with React #3 - Making a Wordle Hook 8:02 2022-04-21
4 Make a Wordle Clone with React #4 - Tracking the Current Guess 14:12 2022-04-22
5 Make a Wordle Clone with React #5 - Submitting Guesses 7:41 2022-04-25
6 Make a Wordle Clone with React #6 - Checking & Formatting Guesses 13:40 2022-04-28
7 Make a Wordle Clone with React #7 - Adding New Guesses 11:40 2022-04-29
8 Make a Wordle Clone with React #8 - Creating a Game Grid 7:09 2022-05-02
9 Make a Wordle Clone with React #9 - Showing Past Guesses 7:51 2022-05-02
10 Make a Wordle Clone with React #10 - Showing the Current Guess 9:06 2022-05-03
11 Make a Wordle Clone with React #11 - Animating Tiles (part 1) 10:28 2022-05-04
12 Make a Wordle Clone with React #12 - Animating Tiles (part 2) 4:24 2022-05-06
13 Make a Wordle Clone with React #13 - Making a Keypad 7:49 2022-05-06
14 Make a Wordle Clone with React #14 - Coloring Used Keys 13:54 2022-05-09
15 Make a Wordle Clone with React #15 - Ending a Game 5:14 2022-05-10
16 Make a Wordle Clone with React #16 - Making a Modal 10:32 2022-05-11

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 2h 39m · 16 videos

Markdown
[![Watch time: 2h 39m · 16 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gXdVXVJBmHpSI7zCEcjLUX.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9gXdVXVJBmHpSI7zCEcjLUX)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gXdVXVJBmHpSI7zCEcjLUX"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gXdVXVJBmHpSI7zCEcjLUX.svg" alt="Watch time: 2h 39m · 16 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9gXdVXVJBmHpSI7zCEcjLUX returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.