Learn how to build mobile apps to interact with NFC tags

Course Overview

What is NFC? An Introduction to NFC Tags, Cards, and Readers

Introduction

Tag Counter Game App

Set up a React Native NFC iOS and Android App

An Introduction to the React Native NFC Module Library

How to Build an iOS NFC Tag Scanner App With React Native

How to Build an Android NFC Tag Scanner App With React Native

App1 Conclusion

Tag-Counter Game App

Tap-And-Go App

How to Code an NDEF Message With the NFC Tools App

A Deep Dive Into NDEF and NdefRecord to Share Data via NFC

Tap-And-Go Project Setup With React Native and NFC Manager

How to Read NFC Tags and Write NDEF Data With NfcManager

How to Build a Website NFC Tag And Use Deep Linking With NFC

App2 Conclusion

Tap-And-Go  App

NFC Pokemon App

The User Flow of an NFC Tag Reader and Writer App

Intro to Type 2 NFC Tags: Read and Write NFC Tags With React

How to Sign and Verify NFC Data With React Native and elliptic

How to Add Memory Protection to NFC Tags For Copy Protection

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

Hello! Welcome to the "Newline Guide to NFCs with React Native." In this course, we will explore NFC and React Native together. 

First, here's a little about me. My name is Richie, and I will be your instructor during this course. I'm also the author of the 

 library, which has been widely adopted by people who develop NFC applications with React Native. I'm very happy to share my knowledge with you.

NFC, as you might already know, is a wireless technology for short-range communication. 

It is already widely used in our daily life. Let's see some practical use-cases:

Among these use-cases, we will focus on how to build mobile apps to interact with NFC tags. 

First, I will provide an overview of NFC technology in the next lesson.

After that, we will build three apps throughout this course.

---
title: Course Overview
description: Learn how to build mobile apps to interact with NFC tags
privateVideoUrl: https://fullstack.wistia.com/medias/75ry21qete
isPublicLesson: true
---

Hello! Welcome to the "Newline Guide to NFCs with React Native." In this course, we will explore NFC and React Native together. 

## About me

First, here's a little about me. My name is Richie, and I will be your instructor during this course. I'm also the author of the `react-native-nfc-manager` library, which has been widely adopted by people who develop NFC applications with React Native. I'm very happy to share my knowledge with you.

## NFC and its applications

NFC, as you might already know, is a wireless technology for short-range communication. 

It is already widely used in our daily life. Let's see some practical use-cases:

-   Payment: Apple Pay and Samsung Pay both use NFC.
-   Transportation and ticketing systems: for example, the Suica in Japan uses NFC.
-   Access control and security systems: lots of applications in this domain choose NFC to be their communication protocol.
-   Even in gaming: Nintendo Amiibo uses NFC to exchange data between Amiibo figures and the Nintendo Switch console.

Among these use-cases, we will focus on how to build mobile apps to interact with NFC tags. 

## What we will cover

First, I will provide an overview of NFC technology in the next lesson.

After that, we will build three apps throughout this course.

![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 and how to trigger the scanning.

[App 1 Repo](https://github.com/whitedogg13/nfc-tag-counter-game-app)

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 to write specific links into NFC tags to trigger specific actions, for example, opening an URL, making a phone call, or sending a message. At the end of this module, we will also cover how to use deep linking with NFC tags.

Richie 

Hello, welcome to new light guide to NFC with React Native.

In this course, we will explore NFC and React Native together.

My name is Richi and I will be your instructor during this course.

I am also the author of React Native NFC Manager Library, which is widely

develop NFC applications with React Native.

I am very happy to share my knowledge with you.

NFC, as you might already know, is a wireless technology for short-range

It is already widely used in our daily life.

First is payment, Apple Pay and Samsung Pay, both use NFC.

For example, the Suica in Japan uses NFC.

Lots of applications for this domain choose NFC to be their communication

Even in gaming, Nintendo Amiibo also uses NFC to exchange data between the Ami

Among these use cases, we will focus on how to build mobile apps to interact

After that, we will build three apps along this course.

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 and how to trigger the

App 2 is about N-Def, which is the standard NFC data format, well supported by

and Android, and can be used for almost any NFC tag.

We will build an NFC reader/writer app to write specific links into NFC tags,

on they can be used to trigger specific actions.

For example, open an URL, make a phone call or send a message.

At the end of this module, we will cover how to use deep links with NFC tags.

App 3 is about low-level NFC programming, which directly manipulates the NFC

memory and also uses proprietary NFC commands.

The app we would like to build is called NFC Pokemon, which is a digital

It can seal a specific Pokemon, for example, a Pikachu into an NFC tag.

During building this app, we will also learn how to create digital signatures

a proprietary password protection command to free our NFC Pokemon tags from

So advanced topic will not be covered here.

NFC, as derived from RFID, has lots of existing standards.

We won't cover NFC operation mode other than reader mode, and we won't cover

We will talk more about these terminologies in the next lesson.

We won't show you every API and parameter for the React Native NFC library

our goal is to make you comfortable writing an NFC app rather than being an API

The basic understanding of React Native is required.

A mobile phone with an NFC feature, because an NFC feature cannot be tested

If you are an iOS user, all iPhones come after iPhone 7 have NFC support.

Please note that iPad doesn't have NFC, only iPhone does.

On the other hand, if you are an Android user, you should check your phone's

For Android phones that have NFC support, you should be able to find the NFC

And if you are an iPhone user, you will also need to enroll in the Apple

We choose NXP, NTAG, 213 or 215 for this course.

These are the most used low-cost NFC tags and can be purchased easily from

In the next lesson, I will give you a more detailed introduction to NFC