Flutter Wordle Clone Mobile/Web/Desktop Tutorial | Apps From Scratch

Published: 25 February 2022
on channel: Marcus Ng

14,389

439

» Flutter courses, writeups, and source code on Launch Club 🧠
https://drp.li/Iq9Bk

» Flutter Job Board 👋
https://drp.li/T9bLq

So you've probably heard of Wordle by now. Practically everybody's been playing it for the past few months and the New York Times bought it for a low seven figures a few weeks ago.

I thought it'd be a fun project to build in Flutter, so let's get into it.

» Resources 📂
Wordle: https://www.nytimes.com/games/wordle/...
Equatable Package: https://pub.dev/packages/equatable
Flip Card Package: https://pub.dev/packages/flip_card

» Remember to like, subscribe, comment, and share this video!🚨
https://www.youtube.com/MarcusNg?sub_...

» Socials📱
GitHub: https://github.com/MarcusNg
Twitter:   / marcuslng

» Timestamps 🕒
0:00 Flutter Wordle Clone Intro
0:25 Wordle Tutorial
0:51 Project Setup
1:01 Folder Structure
2:03 Letter Model
2:45 Word Model
3:29 Wordle Screen - Game State
4:13 Board & Board Tile
4:42 Keyboard & KeyboardButton
5:39 Keyboard Interactions
6:55 Check If Win/Loss
7:29 Maintain Keyboard State
7:59 Flip Tiles
9:00 Thanks for watching 🙏

» Affiliates 🔥
3D Mockups - https://LaunchClub.io/rotato

» Music 🎶
LAKEY INSPIRED (   / @lakeyinspired  )
Joakim Karud (   / joakimkarud  )

#Flutter #Wordle #AppsFromScratch