Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        


Project Logo

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! 😄



Buy Me a Coffee at ko-fi.com

Buy Me A Coffee
PayPal

UPI Pay


> [!NOTE]
> UPI is only available for Indian users.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.