You are browsing as a guest. Sign up (or log in) to start making projects!

Tappy

  • 4 Devlogs
  • 4 Total hours

Tappy is an intuitive HTML Site for creating a semi-digital "business" Card profile to put on an NFC Tag/Card, including a vcf-File for simplyfied Contact saving.

Open comments for this post

39m 29s logged

Landing Page

Today I made a quick Landing Page mockup (!!!) using AI.
I will later on make it on my own, but I needed to check how I’ll design it and make it work with pages,
and just don’t have enough time today to write the testing page by hand.


Again, please excuse and i’ll change it later.
Hope you like it though, as the design will probably stay pretty much the same.

0
0
5
Open comments for this post

55m 53s logged

Internal changes

While nothing has changed from the outside, I have moved the inline styling from HTML to it’s own css, which I should’ve done in the first place.

I did it today (while on vacation), because I’m planning on doing a massive redesign of the Editor, which is just way easier with HTML,CSS and JS all on their own.

Thanks for reading!

0
0
2
Open comments for this post

32m 55s logged

#Devlog 2
Did not manage to get done as much today, but I did add 2 new Designs.

#Whats new:
There are now to more Design: “Dark Hacker” and “Sunset Minimal”. Dark Hacker is supposed to give off a CLI-Kind of Vibe using a black/green color scheme, while Sunset Minimal is made considering HackClubs Design Language and colors.

#Hope you enjoy it!

0
0
5
Open comments for this post

1h 26m 9s logged

Tappy Devlog

Quick update on what changed and what’s next for the project.

What’s Done

  • Cleaned up the repo: Removed my personal test card files so no private data is public.
  • New landing page: Renamed editor.html to index.html. Now the editor loads instantly when you open the link.
  • Live on GitHub Pages: The app is officially live and working at: https://siryanni.github.io/Tappy/
  • Fixed export bug: Updated script.js so the downloaded ZIP still contains a clean index.html for your NFC card, without messing up the editor.

Next Steps

  • Test the generated .vcf contact cards on different iOS and Android phones to make sure it saves perfectly everywhere.
  • Add an option to inject custom CSS styles directly from the editor before exporting.
0
0
1

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…