Course Overview

NFC Introduction

Introduction

Tag Counter Game App

NFC App Setup

NFC Library Walkthrough

iOS App

Android App

App1 Conclusion

Tag-Counter Game App

Tap-And-Go App

First NDEF Experience

NDEF Deep Dive

Tap-And-Go Project Setup

Read And Write NDEF

Deep Linking with NFC

App2 Conclusion

Tap-And-Go  App

NFC Pokemon App

NfcPokemon App Flow

Read And Write Pokemon Data

Sign And Verify Pokemon Data

Memory Protection For NFC Tags

App3 Conclusion

NfcPokemon  App

react

react-native

react-native-elements

react-native-nfc-manager

react-native-paper

## What we will cover in this course

First, I will provide an overview of NFC technology, so you can understand basic concepts and terms. After that, we will build three apps throughout this course.

### App 1: Tag Counter

![image](https://user-images.githubusercontent.com/10307875/148626752-38646752-bb16-4db2-8324-9fc19efdef04.png)

App 1 is a game app to count how much time a user needs to scan five NFC tags. You will learn:
- how to properly set up an NFC project 
- how to trigger NFC scanning
- the difference from iOS and Android regarding NFC feature

### App 2: Tap-and-Go

![image](https://user-images.githubusercontent.com/10307875/148627270-2dc43df8-8d5c-479d-8dd6-041b236d7009.png)

App 2 is about NFC Data Exchange Format (NDEF), which is the standard NFC data format supported by both iOS and Android. NDEF can be used for almost any NFC tag. We will build an NDEF reader-writer app, and you will learn:
- how to write specific NDEF URI into NFC tags 
- how to read NDEF URI and trigger corresponding actions, for example, opening an URL, making a phone call, or sending a message. 
- how to use deep linking with NFC tags.

### App 3: NFC Pokemon

![image](https://user-images.githubusercontent.com/10307875/148627203-562e742d-973e-406c-8e9e-a871ccdaf6d9.png)

App 3 dives into low-level NFC programming, which directly manipulates the NFC tag’s internal memory and uses proprietary NFC commands. 
The app we'll build is called "NFC Pokemon," which is a digital identity management platform. It can seal a specific Pokemon, for example, a Pikachu, into an NFC tag. 

When building this app, you will learn:
- how to use low-leve tag command to directly manipulate NFC tag's internal memory
- how to create digital signatures in React Native
- how to use proprietary password protection command for NXP NTAG 213 / 215

NFC technology is everywhere in our daily life, from transportation, access control, to payment system. However, understanding NFC is still a hard topic because of its wide technology landspace. 

So in this course, We will guide you from the simplest case like using common NDEF format, all the way to a complex digital identity management app which leverages some unique NFC features.

The newline Guide to NFCs with React Native

How to integrate NFC feature into your React Native app

How to handle the differences between Android and iOS regarding NFC feature

Understand NDEF and use it across iOS and Android

Understand low-level NFC programming and communicate with NFC tags directly

How to use asymmetric cryptography library with React Native

How to use password protection commands from NTAG 21x NFC tags

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 a game to count how much time a player needs to scan five NFC tags. 

During the app-building process, we will also learn some important concepts about NFC: 

---
title: Tag Counter Game App
isPublicLesson: true
privateVideoUrl: https://fullstack.wistia.com/medias/ohkpbsrg9k
---

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 a game to count how much time a player needs to scan five NFC tags. 

During the app-building process, we will also learn some important concepts about NFC: 

-   First, how to properly configure your app, especially for iOS. 
-   Second, how to use `react-native-nfc-manager` library to discover our NFC tags.
-   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. 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!


Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

The newline Guide to NFCs with React Native

Welcome: Introduction

Introduction:

Start Here

Lesson 1: (5:40)

Course Overview

Lesson 2: (10:37)

NFC Introduction

Module 0: Tag-Counter Game App

Lesson 1: (1:41)

Tag Counter Game App

Lesson 2: (11:10)

NFC App Setup

Lesson 3: (7:42)

NFC Library Walkthrough

Lesson 4: (10:03)

iOS App

Lesson 5: (16:36)

Android App

Lesson 6: (3:14)

App1 Conclusion

Module 1: Tap-And-Go App

Lesson 1: (1:40)

Tap-And-Go App

Lesson 2: (7:10)

First NDEF Experience

Lesson 3: (9:30)

NDEF Deep Dive

Lesson 4: (11:46)

Tap-And-Go Project Setup

Lesson 5: (18:19)

Read And Write NDEF

Lesson 6: (12:28)

Deep Linking with NFC

Lesson 7: (3:57)

App2 Conclusion

Module 2: NfcPokemon App

Lesson 1: (2:12)

NFC Pokemon App

Lesson 2: (6:51)

NfcPokemon App Flow

Lesson 3: (17:20)

Read And Write Pokemon Data

Lesson 4: (17:29)

Sign And Verify Pokemon Data

Lesson 5: (14:48)

Memory Protection For NFC Tags

Lesson 6: (4:30)

App3 Conclusion

Tag Counter Game App