Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/inulute/upi
Simple UPI & PayPal Details Page with Click-to-Copy functionality to receive UPI and PayPal Donations.
https://github.com/inulute/upi
donation donations paypal paypal-button paypal-donation readme upi upi-integration upi-payment upi-qr-code
Last synced: about 2 months ago
JSON representation
Simple UPI & PayPal Details Page with Click-to-Copy functionality to receive UPI and PayPal Donations.
- Host: GitHub
- URL: https://github.com/inulute/upi
- Owner: inulute
- License: mit
- Created: 2023-08-05T14:24:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-18T03:59:23.000Z (4 months ago)
- Last Synced: 2024-09-18T18:53:44.011Z (4 months ago)
- Topics: donation, donations, paypal, paypal-button, paypal-donation, readme, upi, upi-integration, upi-payment, upi-qr-code
- Language: HTML
- Homepage: https://upi.inulute.com
- Size: 2.04 MB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
UPI & PayPal Donation Page
A user-friendly UPI and PayPal Details Page with dynamic QR code switching between UPI and PayPal donations.
## ✨ Features
- Display a QR code for UPI payments with a dynamic toggle for PayPal.
- Interactive UPI ID with a "Copy" button that changes to "Open PayPal" when switching to PayPal.
- Responsive design for various screen sizes.
- Easy to use and modify.
- MIT License.
- Free to use.
- No ads.
- No popups.
- No bullshit.## 🚀 Demo
See a live demo of the UPI and PayPal Payment Page by clicking the button below.
[![Demo](https://img.shields.io/badge/Demo-Live-brightgreen?style=for-the-badge)](https://upi.inulute.com)
## 📷 Screenshots
![Screenshot 1](assets/screenshot.png)
## 🛠️ Build Your Own
Want to create a similar project? Follow these steps to build your own UPI Payment Page:
1. **Clone the Repository:** Begin by cloning this repository to your local machine using the following command:
```sh
git clone https://github.com/inulute/upi.git
```2. **Navigate to the Project Directory:** Move into the project directory:
```sh
cd upi
```3. **Customize Content:** Update the `index.html` file to include your own QR codes, UPI ID, and other content. The page now supports toggling between UPI and PayPal options.
4. **Add Styles:** Modify the `styles.css` file to match your preferred styling and design choices.
5. **Test Locally:** Open the `index.html` file in your web browser to test your changes locally.
6. **Deploy:** Once you're satisfied with your changes, you can deploy the project to a hosting platform of your choice.
**That's it!** You've successfully created your own UPI Payment Page with dynamic donation options. 🎉
> [!NOTE]
> *Attribution to this [UPI & PayPal Payment Page](https://upi.inulute.com) project is appreciated.*## 💡 Inspiration
This project was inspired by the need for a simple and interactive donation page. Feel free to add your own creative touch and features!
## 📝 License
This project is licensed under the [MIT License](LICENSE).
## 🤝 Contributing
Contributions are welcome! If you find any issues or want to add enhancements, feel free to submit a pull request.
## ☕ Donate
If you find this project useful, consider buying me a coffee to show your support! 😄
> [!NOTE]
> UPI is only available for Indian users.## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.