Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build Your Own Mobile App Game
Rating: 5.0 out of 5(3 ratings)
713 students

Build Your Own Mobile App Game

Build A Tile Word Game In React Native - If You Can Code Along, You Can Build This App
Last updated 12/2025
English
English [Auto],

What you'll learn

  • Build your very own word tile game in a quiet afternoon
  • Learn how to build a cross platform mobile app using React Native
  • Learn React Native and JavaScript techniques used to build apps and games
  • Learn the power of React Native in under 2 hours

Course content

2 sections21 lectures1h 54m total length
  • Project Setup For Game3:40

    Bootstraps the project with the Create Expo app script, creates a blank template, and sets the app name tile-game.

  • Setting Up Your Grid3:16

    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.

  • Creating The Tile Component4:15

    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.

  • Building The Whole Gameboard Grid4:20

    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.

  • Creating A Custom Game Keyboard6:59

    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.

  • Styling the Keyboard Letters2:25

    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.

  • Connecting Submit & Del Key To Keyboard7:56

    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.

Requirements

  • No React Native or JavaScript knowledge required.
  • If you can carefully follow along, you will have your own game on your mobile phone in just a few hours

Description

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!

Who this course is for:

  • This course is for new and experienced programmers that are interested in learning how to build cross platform mobile apps. This app used React Native and JavaScript, but any programmer can follow along and get excited by the endless possibilities.