Crypto | Web3 | React | Solidity

Buy Me a Crypt...offee Dapp

February 28, 20232 min read
Ethereum Logo Plus Coffee Emoji
Photo by Curtis Casados

Overview

The goal of this project was to build a "Buy Me a Coffee"-esque web app that supports cryptocurrency donations. The existing options in the web3 space are either difficult to use or unavailable. This project aims to address these limitations by providing a user-friendly solution that allows users to easily donate cryptocurrency and creators to easily accept these donations.

Motivation

As a supporter of individual creators, I wanted to create a platform where people can show appreciation for my work by making small sum donations. This project allowed me to strengthen my existing skills in Tailwind CSS, React, and explore new technologies such as Solidity, Smart Contracts, Ethers, Hardhat, and Alchemy for deployment. This was a passion project that allowed me to combine my entrepreneurial spirit with my love for learning and creating.

Features

The decentralized app (Dapp) will:

  • Decentralized - be as decentralized as possible
  • Cryptocurrency - accept cryptocurrency as a form of donation
  • Responsive Design - allow users to user preferred device while maintaining design
  • Personal Message - allow users to provide a small message along with their donation
  • View others support - allow users to view the support of others

Outcome/Result

The Dapp was a great success and has since been revised to v2 with a more user-centered UI that is fully responsive. The Dapp enables supporters to donate ethereum to a dedicated wallet along with an accompanying message for others to view. It was built using Solidity Smart Contracts, React for the frontend and Tailwind CSS for styling. The smart contract underwent testing using Hardhat, Mocha and Ethers.js

Web3ReactSoliditySmart ContractEthereumHardhatMochaEthers