This application is a donation platform called "Buy Me Coffee," designed to facilitate contributions to open-source developers through stablecoin payments. It integrates with BraidPay to allow users to make donations using USDC and USDT, providing a seamless payment experience. Users can interact with the app by selecting the number of coffees they wish to donate, which corresponds to a monetary value. The app features a responsive design, ensuring usability across various devices. Upon selecting a donation amount, users are prompted to enter their name and email address, along with an optional message of support. Once the form is submitted, the app registers the payment and displays a payment iframe for secure processing. Key technologies used in this application include Next.js for server-side rendering and routing, React for building user interfaces, and Tailwind CSS for styling. The app also utilizes various libraries such as Lucide for icons, Radix UI for dialog components, and a custom utility for managing payment links. Key features of the app include: - A modern and responsive user interface that adapts to different screen sizes. - Integration with BraidPay for accepting stablecoin payments, ensuring secure transactions. - Dynamic payment link generation based on the selected coffee count, allowing for different donation amounts. - Real-time payment status checking through polling, providing users with immediate feedback on their transaction. - A success message display upon successful payment, enhancing user experience. - A coffee counter that tracks the number of supporters and total coffees donated, fostering community engagement. To use the app, developers can clone the repository, install the necessary dependencies, and run the development server. Environment variables must be configured for BraidPay integration, including payment links and webhook secrets. The app is designed to be easily deployable on platforms like Vercel, making it accessible for developers looking to support open-source projects.
No tags
Last Updated April 23, 2025
