MENU

Fun & Interesting

Building a Wordle Game with React Native (Firebase, Clerk, Reanimated, MMKV, Dark Mode)

Simon Grimm 11,990 lượt xem 7 months ago
Video Not Working? Fix It Now

🔐 Clerk: https://go.clerk.com/O4cAezr

Join me as I build an epic Wordle Clone with React Native using Clerk, Reanimated, & More! In this exciting tutorial, you'll learn how to do the following:

Key Features:
🚀 Use Expo to set up a custom dev client app
🌐 Use Expo file-based routing
🔥 Connect your app to Firebase
🎇 Import and present SVGs
💬 Work with Google Fonts
🌚 Implement a Dark Mode
🔐 Protect pages with Expo Router and Clerk authentication
🗄️ Store user preferences efficiently with MMKV
💫 Build powerful Reanimated Animations
🕸️ Use Expo Web for a universal app

+ A LOT OF FUN 🚀

LINKS
🔥 Learn React Native FAST: https://galaxies.dev
🔐 Try Clerk: https://go.clerk.com/O4cAezr
👨‍💻 Get the code: https://github.com/Galaxies-dev/wordle-clone-react-native

#############################

❤️ You can also find me on:
Twitter: https://twitter.com/schlimmson
Instagram: http://instagram.com/simongrimm_

#############################

Time Stamps 👇
00:00 About this clone
00:49 Clerk
01:27 How To Follow Along
01:57 Chapter Breakdown
04:29 App setup and Expo Prebuild
11:32 Game Menu with Google Font & SVG
33:12 Creating a Dark Mode
42:07 Presenting a Bottom Sheet Modal
01:06:07 Authentication with Clerk
01:31:49 Building the Wordle Game UI
02:07:01 Building the Wordle Game Logic
02:30:27 Creating the End Screen
02:50:45 Saving Data in Firebase
03:03:59 Saving Settings with MMKV
03:19:41 Animating Elements
03:50:00 Expo for Web
03:59:05 Outro

Comment