Truco counter Points with React Native

Truco counter Points with React Native

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.

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

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.