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.

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 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.

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, we will also learn how to create digital signatures and use a proprietary password protection command to free our NFC Pokemon tags from attack.

This course is for NFC beginners, so we won't cover advanced topics here. 

NFC, as derived from radio-frequency identification (RFID), has lots of existing standards. We won't cover NFC operation modes other than reader mode, and we won't cover NFC tag types other than type 2 (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 either, since our goal is to make you comfortable writing an NFC app rather than being an API reference.

To get the most out of this course, you will need: 

In the next lesson, I will give you a more detailed introduction to NFC technology. I'll see you there!

---
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.

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

[App 2 Repo](https://github.com/whitedogg13/nfc-tap-and-go-app)

![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. 

[App 3 Repo](https://github.com/whitedogg13/nfc-pokemon-app)

When building this app, we will also learn how to create digital signatures and use a proprietary password protection command to free our NFC Pokemon tags from attack.

## What we will NOT cover

This course is for NFC beginners, so we won't cover advanced topics here. 

NFC, as derived from radio-frequency identification (RFID), has lots of existing standards. We won't cover NFC operation modes other than reader mode, and we won't cover NFC tag types other than type 2 (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 either, since our goal is to make you comfortable writing an NFC app rather than being an API reference.

## Prerequisites

To get the most out of this course, you will need: 

-   A basic understanding of React Native
-   A mobile phone with NFC feature because NFC features cannot be tested using a simulator

    -   If you're an iOS user, all iPhones after iPhone 7 come with NFC support. (Please note that the iPad doesn't have NFC, only iPhone does.)
    -   If you're an Android user, you should check your phone's settings. If your Android phone has NFC support, you should be able to find the NFC-related menu in your connectivity settings.
-   iOS users will need to enroll in the "Apple Developer Program" in order to test our apps
-   Finally, you need some NFC tags. We choose NXP NTAG 213 or 215 for this course. These are the most-used, cheapest NFC tags and can be purchased easily from Amazon. 

In the next lesson, I will give you a more detailed introduction to NFC technology. I'll see you there!


Learn how to build mobile apps to interact with NFC tags

Hello! I have a question. I try to write an int on 3 and 4 bytes in the nfc tag. We saw how to write an int on 2 bytes in the nfc pokemon app. How could I do to write an int on 3 and 4 bytes ?  And how could I read this int in a nfcread function ? Thanks for your reply

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

Module 1: Introduction

Introduction:

Start Here

Lesson 1: (5:40)

Course Overview

Lesson 2: (10:37)

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

Module 2: Tag-Counter Game App

Lesson 1: (1:41)

Tag Counter Game App

Lesson 2: (11:10)

Set up a React Native NFC iOS and Android App

Lesson 3: (7:42)

An Introduction to the React Native NFC Module Library

Lesson 4: (10:03)

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

Lesson 5: (16:36)

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

Lesson 6: (3:14)

App1 Conclusion

Module 3: Tap-And-Go App

Lesson 1: (1:40)

Tap-And-Go App

Lesson 2: (7:10)

How to Code an NDEF Message With the NFC Tools App

Lesson 3: (9:30)

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

Lesson 4: (11:46)

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

Lesson 5: (18:19)

How to Read NFC Tags and Write NDEF Data With NfcManager

Lesson 6: (12:28)

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

Lesson 7: (3:57)

App2 Conclusion

Module 4: NfcPokemon App

Lesson 1: (2:12)

NFC Pokemon App

Lesson 2: (6:51)

The User Flow of an NFC Tag Reader and Writer App

Lesson 3: (17:20)

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

Lesson 4: (17:29)

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

Lesson 5: (14:48)

How to Add Memory Protection to NFC Tags For Copy Protection

Lesson 6: (4:30)

App3 Conclusion

Course Overview