Uploaded January 2022 | Updated September 2026, 12 hours ago

---

Need more Wordle turns every day? Learn how to build your own Wordle clone in Vue 3 and Tailwind.

RESOURCES:
github.com/matthewmaribojoc/learnvue-learning-paths/tree/main/wordle-clone
tailwindcss.com/docs/guides/vite
hodgef.com/simple-keyboard
powerlanguage.co.uk/wordle



✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet

follow me on twitter:

twitter.com/mattmaribojoc


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool

Music by Lukrembo

CHAPTERS
0:00 Introduction
0:12 Creating Our Project
0:58 Virtual Keyboard
2:53 Key Listener
3:33 Building Our Components/State
4:43 Render Components
5:52 Handling Inputs
6:29 Virtual Keyboard Feedback
8:55 Checking Our Guesses
11:55 Win/Lose Conditions