Developing Personal Bitcoin Tip Card with Flutter Web and BTCPay API \ stacker news ~bitcoin

pull down to refresh

Developing Personal Bitcoin Tip Card with Flutter Web and BTCPay API

819 sats \ 10 comments \ @anipy 8 Mar 2023 bitcoin

Excited to share a project I've been working on this week - a Personal Bitcoin Tip Card created using Flutter Web and BTCPay API! 🚀

It's a simple but powerful tool that displays your social network links and has a Tip Bitcoin button for others to easily send you a tip.

Here's how it works: when someone clicks the Tip Bitcoin button, they'll be taken to a tipping form where they can enter the amount, their name, and a message. The form then generates an invoice using the BTCPay API, which the user can pay using their Bitcoin wallet.

One of the best things about this project is that it follows the best practices for generating invoices securely. For example, the XPUB is stored only on the BTCPay API server in watch-only mode, which means that an infinite number of Bitcoin addresses can be generated for receiving tips while keeping everything secure.

If you're interested in setting up your own Personal Bitcoin Tip Card, check out my GitHub repository and blog article below for more information. Let me know if you have any questions or feedback!

Github: https://github.com/aniketambore/personal-bitcoin-tip-card Blog: https://makers.bolt.fun/story/developing-personal-bitcoin-tip-card-with-flutter-web-and-btcpay-api-setup--625 Project Demo: https://aniketambore.github.io

view all related items

10 sats \ 1 reply \ @spraveenitpro 8 Mar 2023

Hi There, Excellent work. I know some react though, I will try to build this on react. thanks for the idea 🙌🏻

0 sats \ 0 replies \ @anipy OP 9 Mar 2023

Thank you for your kind words! I'm glad to hear that you found the work to be excellent. I wish you the best of luck with your project and hope it turns out to be a success! If you have any questions or need any help along the way, don't hesitate to reach out.

0 sats \ 7 replies \ @DarthCoin 8 Mar 2023

For example, the XPUB is stored only on the BTCPay API server in watch-only mode, which means that an infinite number of Bitcoin addresses can be generated for receiving tips while keeping everything secure.

The question is: if this is for tips (aka small amounts), why have to be onchain (for fuck sake!). BTCpay also support LN invoices, why not use that API?

Geeze guys, stop building payment solutions for onchain. Onchain will be exclusively for opening / closing LN channels. All other payments will be only through LN.

You have been warned.

2 sats \ 6 replies \ @anipy OP 8 Mar 2023

Well, I completely understand your point of view but I'm currently bullish on-chain.

Also It will not actually accept small amounts , like the amount textfield will give you an error message "Please use Lightning for smaller tips." :)

10 sats \ 0 replies \ @DarthCoin 8 Mar 2023

You will remember my words later....

0 sats \ 4 replies \ @sime 8 Mar 2023

On-chain is great, but for instant payments, you want to dive into LN.

Mempool is full currently, that doesn't matter for LN.

40 sats \ 3 replies \ @DarthCoin 8 Mar 2023

Yes, LN is for instant payments. But is not only about that.

What people should understand is that:

onchain is THE SETTLEMENT, your vault, your central bank, your holding stash that you almost not use it.
LN is THE FUCKING PAYMENT NETWORK, your spending pockets, your commercial bank.

You cannot have a functional money without a good payment network. And that is what it is is LN: a fucking payment network.

121 sats \ 2 replies \ @anipy OP 27 Mar 2023

Hello friends @DarthCoin and @sime , I'm excited to share an update on my Personal Bitcoin Tip Card project 🚀!

Thanks for your helpful feedback. So, I have added Lightning Network (LN) support to my project using LnurlPay and WebLN methods. Now, users can receive LN tips easily by updating their identity.json file with their Bitcoin Lightning Address. The Personal Bitcoin Tip Card will then create LN invoices to accept LN tips with ease.

Here is a small preview:

https://i.ibb.co/fSF952L/personal-bitcoin-tip-card.gif

Demo: https://aniketambore.github.io Github: https://github.com/aniketambore/personal-bitcoin-tip-card

101 sats \ 1 reply \ @sime 28 Mar 2023

I tipped you 10 sats via Phoenix wallet though the UI didn't update when I did.

As a tipper, I want to be informed that my tip worked.

21 sats \ 0 replies \ @anipy OP 28 Mar 2023

Hey, thanks for the tip! I'm sorry to hear that the UI didn't update when you tipped me. Unfortunately, I haven't implemented any functionality that can check the status of the invoice to see if it's paid or not. If you use the WebLN functionality, it will give you a paid success dialog. However, when you tip by scanning the invoice qr code, it will not show you the paid success dialog.

However, I understand your concern as a tipper, and I will definitely look into implementing a feature that can inform you when your tip has been successful. One solution that I have in mind is using the LNBits API (/api/v1/payments/<payment_hash>) endpoint to check the status of the invoice. However, this may require a different setup and may only be used for specific use cases like checking the status of invoices.

Thank you for bringing this to my attention. I will try to implement a solution that can inform you of your tip's status in the future when tipping by scanning the QR code. Any further brainstorming from your side is greatly appreciated.