https://github.com/calc1f4r/buy-me-a-coffee
A web3 implementation of buymeacoffee.com allows a developer to get some crypto based on his work
https://github.com/calc1f4r/buy-me-a-coffee
buy-me-a-coffee next react wagmi web3
Last synced: 3 months ago
JSON representation
A web3 implementation of buymeacoffee.com allows a developer to get some crypto based on his work
- Host: GitHub
- URL: https://github.com/calc1f4r/buy-me-a-coffee
- Owner: calc1f4r
- Created: 2024-04-20T11:16:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-20T13:42:22.000Z (about 1 year ago)
- Last Synced: 2025-01-14T13:14:38.922Z (5 months ago)
- Topics: buy-me-a-coffee, next, react, wagmi, web3
- Language: TypeScript
- Homepage: https://buy-me-a-coffee-brown-one.vercel.app/
- Size: 307 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌟 Web3 Buy-me-a-coffee
### 📝 Overview
This project is a web application built using React with Next.js, incorporating Web3 technology to create a decentralized platform for gifting coffee to the developer. Inspired by the concept of popular "buy me a coffee" websites, this application allows users to gift coffee to the developer using cryptocurrencies like Matic (MATIC). Users can input their name, a message, and choose the price of the coffee they want to gift. They need to connect their wallets to the application to complete the transaction.
https://github.com/calc1f4r/Buy-me-a-Coffee/assets/74751675/62c1a281-0248-4850-882a-d32c37b2228b
### ✨Features
1. Gift Coffee: Users can input their name, a message, and select the price of the coffee they want to gift to the developer. Upon clicking the "Buy Me A Coffee" button, the transaction is executed through a Web3 contract.
2. Dynamic Price Selection: Users can choose from different price options (1, 2, 5, or 10 Matics) for gifting coffee.
3. Transaction Status Feedback: The application provides feedback to users on the status of their transactions, displaying messages indicating whether the transaction is being executed or has been confirmed.
4. Coffee Gift List: The application displays a list of coffee gifts received by the developer, including the name of the sender, the message accompanying the gift, and the number of coffees gifted.
#### 🚀 Getting Started
To run this application locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install dependencies by running `npm install` or `yarn install`.
- Start the development server by running `npm run dev` or `yarn dev`.
- Open your web browser and go to http://localhost:3000 to view the application
> Note in the root folder there is a env file, fill the variable named NEXT_PUBLIC_PROJECT_ID with token got from wallet.connect.com
#### 🔧 Dependencies
- React: A JavaScript library for building user interfaces.
- Next.js: A React framework for building server-side rendered (SSR) and statically generated web applications.
- Wagmi: A library for interacting with Web3 contracts and accounts, providing hooks for reading and writing contract data.
#### 🙌 Contributing
Contributions to this project are welcome. You can contribute by submitting bug reports, feature requests, or pull requests. Make sure to follow the project's coding conventions and guidelines