NFC Card Website banner

NFC Card Website

1 devlog
2h 10m 12s

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.

Demo Repository

Loading README...

Gunjit Gyawali

Shipped this project!

Hours: 2.17
Cookies: 🍪 4
Multiplier: 1.69 cookies/hr

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.

Gunjit Gyawali

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

Attachment
0