This is a simple webpage designed to open automatically when an NFC card is tapped on a smartphone. The NFC card stores a URL, and when scanned, it directs the user to this webpage.
This is a simple webpage designed to open automatically when an NFC card is tapped on a smartphone. The NFC card stores a URL, and when scanned, it directs the user to this webpage.
I made a simple website for my NFC card, which opens up when I tap my NFC card on any phone.
I hosted it using GitHub Pages.
Dev Log – NFC Card Webpage
Day 1 – Build & Setup
I built a simple static webpage that opens when an NFC card is tapped on a smartphone. The goal was to keep everything minimal, fast, and easy to update.
What I did
Created a basic webpage using HTML, CSS & JS.
Designed it mobile-first since NFC scans happen mostly on phones
Hosted the page on a static hosting service
Programmed the NFC card with the webpage URL
Tested the NFC tap on a phone to confirm the page opens correctly
Result
The webpage loads instantly when the NFC card is tapped
Works on modern smartphones
No app installation required
Notes
The NFC card only stores a URL
Any updates can be made by editing the webpage files without rewriting the NFC card
Log in to leave a comment