Live coding a WORDLE clone (5 hrs) | HTML Sass JS

Coder Coder ยท Beginner ยท๐Ÿ“„ Research Papers Explained ยท4y ago
๐Ÿ’ฅ Hit that subscribe button (for SCIENCE!) and we'll see how many people actually sub from this video ๐Ÿ˜‚ Source code on GitHub: https://github.com/thecodercoder/wordle-clone Live demo here: https://thecodercoder.github.io/wordle-clone/ Boilerplate files (if you don't want to use the generator): https://github.com/thecodercoder/frontend-boilerplate ๐Ÿ”ฅ My course: Responsive Design for Beginners! https://coder-coder.com/responsive/ ๐Ÿ’ป Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b In this video I'll show youโ€ฆ
Watch on YouTube โ†— (saves to browser)

Chapters (13)

Intro
0:49 Tea break
0:53 Set up boilerplate project files
2:07 Research and taking notes
32:57 HTML and Sass
52:37 JS: detect keypress
1:20:28 Save typed guess
1:38:14 Update tiles with letters and backspace
2:07:07 Choose random solution word
2:23:05 Submit guess and evaluate
2:43:27 Flip tile animation
3:38:27 Increment guesses
4:25:26 Win tile animation
20 $10 Ikea speakers vs. 1 $200 speaker
Next Up
20 $10 Ikea speakers vs. 1 $200 speaker
The Verge