Tag Counter Game App

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

This lesson preview is part of the The newline Guide to NFCs with React Native course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to The newline Guide to NFCs with React Native, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course The newline Guide to NFCs with React Native

  • [00:00 - 00:34] Hello, in order to write NFC apps, our first step is to be able to scan or discover NFC tags. So in this module, we will build again to count how much time a player needs to scan five times of NFC tag.

    [00:35 - 00:48] During the app building process, we will also learn some important concepts about NFC. First, how to properly configure your app, especially for iOS.

    [00:49 - 01:02] There are some pre-steps you will need to perform, otherwise your NFC apps will never work. Second, how to use React Native NFC Manager library to discover our NFC tags.

    [01:03 - 01:22] Third, since the NFC feature is not supported by all mobile devices, you will need to handle the case when the target device has no NFC feature. Finally, you will also learn how iOS and Android handle NFC events differently.

    [01:23 - 01:34] iOS has a default system UI and Android provides none of this. How to produce a similar user experience is an important topic. Let's get started.