AWS Logo
Menu
Developing the "Lucky Points Game App: Guess Numbers"

Developing the "Lucky Points Game App: Guess Numbers"

The lucky points game is called “Lucky Game”. A user can choose three buttons to gain points. There are negative points also available. The guessing numbers User can choose a number therefore choose the hidden button if it is correct and matches each other, the user will win otherwise he will fail to guess numbers.

game-challengegame-hackathonqdevelopers3amazonappstore
Jhutan Barman
Published Jan 9, 2025
Last Modified Jan 11, 2025

Introduction

Creating mobile applications can be an exciting and rewarding journey. I recently developed the "Lucky Points Game App: Guess Numbers". It is mainly for children and teenagers. Here are mainly two games one is scarce and gains points. Another is for guessing numbers between 1 and 9. 
The lucky points game is called “Lucky Game”. A user can choose three buttons to gain points. There are negative points also available.  The guessing numbers User can choose a number therefore choose the hidden button if it is correct and matches each other, the user will win otherwise he will fail to guess numbers. 
 It is a React Native Expo TypeScript project built using Vs Code, Amazon Q Developer Plugin, Expo, and Android Studio. Available on Amazon App Store.

Pre-requisites

Before diving into development, it’s essential to have some foundational knowledge and tools. Here’s what I had set up:
  • Basic Knowledge: Familiarity with React Native, TypeScript, Android Studio, and Expo.
  • Development Tools: Visual Studio Code as the IDE and expo cli.
  • AWS Account: For leveraging cloud services.
  • Amazon Developer Account: For publishing on the Amazon App Store.
  • Q Developer Plugin: Installed and configured in VS Code to simplify app deployment and testing.

Setting Up the Environment

To ensure a smooth development process, I set up my environment as follows:
  1. Install Node.js and npm: Required for managing packages and dependencies.
  2. Start a project: ~npx create-expo-app@latest~
  3. Install Expo CLI: Run the command ~npm install -g expo-cli ~ to create and manage the React Native project.
  4. Set Up AWS CLI: Configured AWS CLI to interact with AWS services from the terminal.
  5. Install Q Developer Plugin: This plugin in VS Code streamlined testing and deployment to the Amazon App Store.

Libraries Used in This Project

The "Lucky Points Game App" uses various libraries to enhance its functionality:
  • React Native: The core framework for building the app.
  • Expo: Simplified app development and testing.
  • TypeScript: Provided type safety and code clarity.
  • React Navigation: For managing the navigation between pages.

Development Journey

Developing the app was a step-by-step process:
  1. Planning: Designed the core features, including the "Lucky Points" button selection and the number guessing game.
  2. Setting Up the Project: Used Expo CLI to initialize the React Native project and added TypeScript support.
  3. Game Logic Implementation:
    • Designed the "Lucky Points" feature, where users select three buttons to collect points. Negative points are available here.
    • Added the number guessing game logic, allowing users to guess numbers between 1 and 9. If it match each other user will win otherwise fail.
  4. UI/UX Design: Used React Native components and styled with custom stylesheets to ensure a user-friendly interface.
  5. Testing: Used Expo Go for on-device testing and Q Developer Plugin for seamless deployment testing. Q Developer Plugin has also helped with error handling.
  6. Publishing: Packaged and published the app to the Amazon App Store using the tools and guidelines provided by Amazon.

AWS Services That Helped Me Complete My Project

AWS services played a pivotal role in the development and deployment of the "Lucky Points Game App." These include:
  • Amazon S3: It helps me to store my website.
  • Q Developer Plugin: It helps me to suggest my code, error handling, and so on.
  • Amazon App Store: It helps me to publish my app.
  • AWS community: The AWS community helped me learn and motivation to complete my app.

Using the Q Developer Plugin on VS Code

The Q Developer Plugin for VS Code is a powerful tool that simplifies testing and deploying apps on the Amazon App Store. Here’s how I used it:
  1. Install the Plugin: Installed the plugin directly from the VS Code marketplace.
  2. Setup: Log in with my Amazon Developer account and configure the app project.
  3. Assists: Q Developer Plugin with VS Code helped me with various topics
To get the Q Developer Plugin click here

Download the App from the Amazon App Store

You can download and enjoy the "Lucky Points Game App: Guess Numbers" directly from the Amazon App Store. Experience the thrill of testing your luck and guessing numbers!

How to build the website?

  • WordPress: It helps me to create the website.
  • Amazon AWS S3: The AWS S3 helps me to host the site on Amazon Cloud. 

How to Use the Code?

Download the code from here LInk
Open with VS Code and open the terminal
npm install -g expo-cli
npm install @react-navigation/drawer
npx expo install react-native-gesture-handler react-native-reanimated
Open the Android Studio and Emulator
Close the VS Code and open it again, open the terminal
npx expo start

Future update:

Future update: I’ll update the user interface and logic soon. Update all points and images that anybody is attracted to this game and have fun. 
Building this app was an enriching experience that combined creativity, and the power of AWS services. Thank You Goode Devpost, aws community, expo, android studio, aws services, Javascript, TypeScript, NodeJs and another libraries and tools.
Thank you.

App Details on YouTube

YouTube
 

Comments