
Bootstraps the project with the Create Expo app script, creates a blank template, and sets the app name tile-game.
Set up the safe area view, create the grid component for a 30-tile grid (six by five), pass the game size, and style the grid container.
Create a tile component for grid, styling a square tile with a bold letter and a #023047 border, using width (width * 0.9) to set tile size for five tiles.
Build the game grid by initializing a tiles state array with blank letters and states using useEffect, then render each tile by mapping and passing letter and state props.
Create a custom game keyboard by building three keyboard rows, computing key dimensions from screen width, and rendering letter components by mapping rows with styling in the UI.
Make keyboard letters pressable, log presses, style text with color #FB8500 on a #023047 background, update state to display letters in the grid, and add submit and delete buttons.
Create action buttons for the game keyboard by implementing enter and delete buttons wired to onPress handlers for submitting words and deleting letters. Includes responsive sizing and expo icons.
Create and wire the game context and gameplay context, build a game provider with state, add and delete letter handlers, and integrate a reducer to manage gameplay flow.
Implement a reducer to manage game state, connect it to the game provider, and dispatch add and del actions to the grid, testing in the simulator.
Establish delete boundary logic to prevent errors when deleting within the range min to max, implement a can delete check, and dynamically disable and style the delete button for feedback.
Style submit and enter buttons to activate only at word boundaries, based on letter position and range max, while toggling enabled and disabled styles via the play controller and simulator.
Implements game over logic by checking the current word when the grid fills, updating word boundaries, and displaying a game over frame when the game ends.
Create a dummy secret word and a map of letter occurrences to track guesses in the game provider, initializing the word on startup with useEffect.
Configure the letter a state when a guess matches the secret word position, and track right letters, wrong positions, and letters not in the word using arrays and a map.
Implements wrong position and not included logic for a word-guessing game, using trackers for wrong letters and wrong positions, and updates word status and store accordingly.
Color tiles for guessed words using a get background color function; green for correct letters in the right place, yellow for correct letters wrong place, gray for absent letters.
Create a theme colors file and apply colors for right position, wrong position, not in word. Implement a get letter state helper and wire it to the keyboard.
Create a dedicated game end frame, implement game over logic in the UI, and update the end game state to show win or lose with a play again option.
Introduce a word list for gameplay, create a utils/word_checker.js with getWord and isValidWord helpers, adapt words to uppercase characters for gameplay, and outline non-listed word error handling.
Empower yourself with the knowledge of gameplay in React Native. Discover techniques used to build cross platform apps for both iOS and Android.
With no prior knowledge, you can be up and running once you complete this course. Code along: everything is kept simple and explained clearly, by your instructor.
Some techniques involved in this gameplay are intermediate, but the instructions are kept as simple as possible, and if you can code along, you can do it!
Learn the basics of how to create your app structure. Then dive straight into creating the look and feel of your game board. You will learn about sharing information through your app with React Context and also use a Reducer for state management. These are intermediate techniques, but the path of progress is gentle and everything is explained.
Move on to game logic and understand the considerations required to turn an idea into a reality.
Once you have completed the game, you will have hours of fun with family and friends watching them play YOUR game.
Whatever your previous experience, if you can code along, you can build this app. Keep an open mind and a keen eye and you can succeed. Let's get you going!