Skip to content

Commit

Permalink
Misc
Browse files Browse the repository at this point in the history
  • Loading branch information
inulute committed Sep 17, 2024
1 parent 7914a59 commit 6f1c274
Show file tree
Hide file tree
Showing 5 changed files with 75 additions and 344 deletions.
49 changes: 19 additions & 30 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div align="center">
<img src="assets/upi_logo.svg" alt="Project Logo" width="200">
<h1>UPI Donation Page</h1>
<p>Simple UPI Details Page with Click-to-Copy functionality to receive UPI Donations.</p>
<img src="assets/upi_paypal.svg" alt="Project Logo">
<h1>UPI & PayPal Donation Page</h1>
<p>A user-friendly UPI and PayPal Details Page with dynamic QR code switching between UPI and PayPal donations.</p>
</div>

<div align="center">
Expand All @@ -12,8 +12,8 @@

## ✨ Features

- Display a QR code for UPI payments.
- Display a UPI ID along with a "Copy" button for easy copying.
- Display a QR code for UPI and PayPal 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.
Expand All @@ -22,17 +22,14 @@
- No popups.
- No bullshit.


## 🚀 Demo

You can see a live demo of the UPI Payment Page by clicking the button below.
See a live demo of the UPI and PayPal Payment Page by clicking the button below.

<div align="center">

[![Demo](https://img.shields.io/badge/Demo-Live-brightgreen?style=for-the-badge)](https://upi-inulute.vercel.app)
[![Demo](https://img.shields.io/badge/Demo-Live-brightgreen?style=for-the-badge)](https://upi.inulute.com)
</div>


## 📷 Screenshots

<div align="center">
Expand All @@ -41,11 +38,9 @@ You can see a live demo of the UPI Payment Page by clicking the button below.

</div>



## 🛠️ Build Your Own

Want to create a similar project? Follow these steps to build your own UPI Payment Page:
Want to create a similar project? Follow these steps to build your own UPI and PayPal Payment Page:

1. **Clone the Repository:** Begin by cloning this repository to your local machine using the following command:
```sh
Expand All @@ -57,35 +52,29 @@ Want to create a similar project? Follow these steps to build your own UPI Payme
cd upi
```

3. **Customize Content:** Customize the `index.html` file to include your own QR code, UPI ID, and other content.
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.

7. **Share and Contribute:** Share your project with others and consider contributing your enhancements back to the community by creating a GitHub repository.

**That's it!** You've successfully created your own UPI Payment Page. 🎉

**That's it!** You've successfully created your own UPI Payment Page with dynamic donation options. 🎉

<div align='center'>

> [!NOTE]
> *Attribution to this [UPI Payment Page](https://upi-inulute.vercel.app/) project are appreciated.*
> [!NOTE]
> *Attribution to this [UPI and PayPal Payment Page](https://upi.inulute.com) project is appreciated.*
</div>

## 💡 Inspiration

This project was inspired by the need for a simple and user-friendly UPI Donation Page. Feel free to add your own creative touch and features!
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.
Expand All @@ -97,11 +86,11 @@ If you find this project useful, consider buying me a coffee to show your suppor
<div align="center">
<a href="https://ko-fi.com/inulute">
<img height='41' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' alt='Buy Me a Coffee at ko-fi.com'></a>
<a href="https://www.buymeacoffee.com/inulute" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height= 41px ></a>
<a href="https://paypal.me/inulute"><img src="assets/paypal.svg" alt="PayPal" height="41" width="174"></a>
<a href="https://upi-inulute.vercel.app/">
<img src="assets/upi.svg" alt="UPI Pay" height="41" width="174">
</a> <br>
<a href="https://www.buymeacoffee.com/inulute" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="41px"></a>
<a href="https://paypal.me/inulute"><img src="assets/paypal.svg" alt="PayPal" height="41" width="174"></a>
<a href="https://upi-inulute.vercel.app/">
<img src="assets/upi.svg" alt="UPI Pay" height="41" width="174">
</a> <br>
</div>

> [!NOTE]
Expand All @@ -111,4 +100,4 @@ If you find this project useful, consider buying me a coffee to show your suppor

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


---
Binary file modified assets/screenshot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 6f1c274

Please sign in to comment.