Morioh
Login
Makda Amanuel

Makda Amanuel

3 years ago

Truco counter Points with React Native

Truco_counter_points

… Description

This is a Truco counter points, to you play truco with your family and friends. it has thirteen bottons, one to reset the score, and six to each team, to counter points and remove points too.

Technology

  • React Native 1.0.0
  • …

Services Used

  • Github
  • Expo
  • …

Getting started

  • prerequisites:

  • chocolatey, yarn, node js, JDK 8, python 2, expo

  • atention:

  • if you have this programs, you don’t need install again!

  • chocolatey instalation:

  • open your PowerShell as administrator, so, Run: Get-ExecutionPolicy. If it returns “Restricted”, then run: Set-ExecutionPolicy AllSigned. Now run the following command:Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1’))

  • prerequisites instalation:

  • when chocolatey are installed, opne you cmd as administrator and run: choco install -y nodejs.install python2 jdk8 yarn . when finish, close your cmd and open again as administrator.

  • expo install: -when you open cmd again as administrator, run: npm install --global expo-cli.

  • creating an project:

  • open your cmd, open the place you want to save the project, so, run: xpo init “project’s name”. (disregard the quotes).

  • open the project:

  • cd “project’s name”. (disregard the quotes).

  • run the project:

  • when your project is open, run: npm start.

  • opening the project:

  • when the opening project is finish, (you have to install expo in your device) will a qr code will appear, if you have android device, you have to scan it by the expo application, if you have iOS, you must get a IP code like (“exp://192.168.0.106:19000”), and you’ve to put on SAFARI, it’s just work on SAFARI, after that, a white page is open in you device.

  • running my app:

  • after this instructions, you’ve to open the code on Vs code and you’ll copy my code and paste on your “app.js”. and finish, now enjoy the app.

How to use

1 - You can change the Team’s name.

Changing name print

2 - Principal screen have some buttons, six for each team, and one to reset game pontuation.

Principal screen

3 - You have to touch the score button won by the team.

Pontuation print

4 - If you touch in reset game buttom, an alert will appear on your screen, and the points went back to zero.

Reset game bottom

5 - When any team do twelve or more points, an alert will appear on your screen speaking the winning team and reset the points of the match.

Screen winner Team

Features

  • change tema’s name.
  • count points by buttons.
  • reset the game by buttom.
  • count points up to twelve.
  • shows the winning team on the screen.

Links

Versioning

1.0.0.0

Download Details:

Author: JoaoAssalim

Source Code: https://github.com/JoaoAssalim/Truco-Counter-Points

#react-native #react #mobile-apps

Truco counter Points with React Native
2.25 GEEK