The Registration Tablet System allows players to register their NFC wristbands themselves using tablets placed in the facility.

It combines two components:

• a MAUI Android application running on the tablet
• a Next.js web application that provides the UI

The MAUI app runs in kiosk mode and displays the hosted Next.js page inside a webview.

Its primary role is to:

• expose the tablet NFC reader
• pass scanned wristband IDs to the web interface

The Next.js application handles the player interaction and communicates with the backend API to store and retrieve player information.

This system allows customers to register themselves without requiring staff intervention.

The registration UI is designed to be simple enough for players to complete themselves.

Step 1 - Enter email

Players begin by entering their email address.

This email acts as the primary key for the player group.

Step 2 - Detect existing or new account

The system checks if the email already exists.

If the email is new:

• players enter their details
• they can also add children under the same account

If the email already exists:

• the page displays all players associated with that email.

Step 3 - Select player

Each player entry has a scan button beside their name.

Players select the correct profile.

Step 4 - Scan wristband

After selecting the player profile:

• the user taps the scan button
• the tablet waits for an NFC scan
• the wristband is scanned on the tablet

The MAUI application reads the NFC tag and passes the UID to the web interface.

Step 5 - Wristband registration

The wristband is then linked to the selected player profile through the API.

After registration, the player is ready to use the wristband for gameplay.

The first version of this system was not tablet-based.

It was a WinForms desktop application that used a WebForms UI.

While functional, it had several limitations:

• the UI felt outdated
• the experience was not optimized for touch interaction
• the physical setup was not ideal for customer-facing use

To improve the experience, we redesigned the system around tablets.

The new architecture included:

• MAUI Android application
• Next.js hosted UI

The tablet runs the MAUI application in kiosk mode, while the Next.js page provides the interactive interface.

This made the system easier to update because the UI could be changed centrally on the server without reinstalling the tablet applications.

I was fully responsible for this system.

I chose to take ownership of the project because:

• I had already worked on the previous desktop version
• I did not want other team members to spend time dealing with the mobile setup challenges

My responsibilities included:

• designing the tablet-based architecture
• building the MAUI Android wrapper
• developing the Next.js registration UI
• integrating NFC scanning with the web interface
• configuring tablets into kiosk devices
• documenting installation and setup procedures

The web portion of this system was also the first web application I built for the company, which later led to me being hired to build more web-based systems for the platform.

Other projects from the same platform and codebase.

Kiosk Host & Room Control (.NET WebView)

WinForms orchestration layer between the Kiosk UI, Scorecard UI, Game Engine, backend API, and room hardware.

WCPUS

View project

POS & Wristband Management (WPF)

Staff-facing WPF application for initializing, registering, renewing, and managing NFC wristbands and player records through the backend API.

WXNA

View project

Admin Portal (Platform Control & Analytics)

Centralized web platform for managing games, players, analytics, smart devices, and documentation with authentication and role-based access control.

JAC/A

View project