donnut

Donnut is a new way for creators to receive support from their audience using cryptocurrencies, but without the usual headaches! It's built to be super easy for both creators and their fans.

What makes Donnut great?

• Donate any crypto: Supporters can use almost any digital currency they have, from any compatible network.
• Simple for creators: All donations automatically turn into a stable digital currency (USDC) on the creator's chosen network. No more juggling different cryptos!
• Organize your support: Creators can set up different donation links for various projects or goals.
• See-through donations: Every transaction can be easily checked and verified.
• Track your success: Creators get a clear dashboard with stats on their donations.
• Easy for fans: Sending a donation is straightforward, even for those new to crypto.

Donnut helps connect the everyday internet user with the world of digital currency. This gives creators an easy way to make money from their work and fans a way to show their appreciation. This is especially handy for streamers, artists, writers, and game developers who want to get support without getting into complicated cryptocurrency issues.

We also tried to implement our own Fusion+ non-EVM swaps with Sui blockchain. Find details in the repo.

Here's a rundown of how we built Donnut:

Core Stack: Frontend: Next.js 14 (with TypeScript & Tailwind CSS) for a fast, modern UI. Backend: Next.js API Routes with Neon PostgreSQL for server logic and secure data storage (creator profiles, donation links). Blockchain: Supports EVM networks (Ethereum, Arbitrum, Optimism, Polygon) for broad crypto compatibility. More EVM and non-EVM chain incoming!

Key Partner Tech & Benefits: 1inch Fusion+: Powers our "Smart Conversion" by automatically swapping donated tokens to the creator's preferred USDC, optimizing rates. Blockscout: Provides transparent transaction verification, allowing users to see donation details on-chain. Privy: Handles secure and easy Web3 wallet connections and user authentication. How It Works (Simplified): Creators set up links (data in Neon DB). Supporters connect via Privy, select a crypto, and our backend uses 1inch for any needed swaps on the chosen EVM network. Blockscout offers transaction proof.

Notable Technical Aspect: The main challenge was seamlessly integrating 1inch for token swaps. We focused on clear user feedback during this multi-step backend process to make it feel smooth on the frontend.

Development & Architecture: We used PNPM for package management and relied on Next.js for performance optimizations. Our architecture prioritizes scalability and maintainability with clear separation of concerns and secure practices like environment variable management.