https://github.com/mastashake08/paid-pwa
Paid PWA is a versatile solution for web developers to monetize their Progressive Web Applications (PWAs). This package includes both a Web Component and a Vue 3 component that integrates with Stripe and the Payment Request API to securely handle payments and dynamically install PWAs upon successful transactions.
https://github.com/mastashake08/paid-pwa
payment-request payments pwa stripe vue webcomponents
Last synced: 2 months ago
JSON representation
Paid PWA is a versatile solution for web developers to monetize their Progressive Web Applications (PWAs). This package includes both a Web Component and a Vue 3 component that integrates with Stripe and the Payment Request API to securely handle payments and dynamically install PWAs upon successful transactions.
- Host: GitHub
- URL: https://github.com/mastashake08/paid-pwa
- Owner: mastashake08
- Created: 2024-09-06T23:53:41.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-20T22:16:06.000Z (9 months ago)
- Last Synced: 2025-03-18T22:13:57.016Z (3 months ago)
- Topics: payment-request, payments, pwa, stripe, vue, webcomponents
- Language: JavaScript
- Homepage:
- Size: 290 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Paid PWA
A web component and Vue 3 component for handling paid PWA installations using Stripe and the Payment Request API.
## Motivation
As web developers, it can be challenging to monetize Progressive Web Applications (PWAs). Traditional app stores offer ways to charge for downloads, but the open web has lagged behind in providing developers with a straightforward way to monetize their apps. **Paid PWA** aims to bridge this gap by providing a simple and reusable solution that allows web developers to charge for PWA installations securely.
With **Paid PWA**, developers can easily set up secure payment processing using Stripe and leverage the Payment Request API to create a seamless user experience. The package supports both standard web components and Vue 3 applications, making it versatile and easy to integrate into any web project.
## Features
- **Web Component**: A custom HTML element (``) to handle payments and PWA installations.
- **Vue 3 Component**: A Vue 3 component (`PaidPwa`) for seamless integration into Vue 3 applications.
- **Secure Payment Handling**: Integrates with Stripe to securely process payments and tokenize card details.
- **PWA Installation**: Dynamically registers the service worker upon successful payment, enabling PWA installation.
- **Customizable**: Easily configurable via HTML attributes or Vue props to suit different environments and use cases.
## Installation
To use the **Paid PWA** package, install it via npm:
```bash
npm install @mastashake08/paid-pwa
```
Usage
Web Component
Include the component in your HTML file:
```html
PWA Marketplace
```
Vue 3 Component
Use the Vue 3 component in your application:
```vue
import { defineComponent } from 'vue';
import PaidPwa from 'paid-pwa/vue'; // Import the Vue component from the package
export default defineComponent({
name: 'App',
components: {
PaidPwa,
},
});
```
Support My Work
If you find this project useful, consider supporting my work!
GitHub Sponsors: mastashake08
Patreon: mastashake08
Your support helps me continue to create open-source software that benefits the web development community!
Contact
Email: [email protected]
Website: https://jyroneparker.com
License
This project is licensed under the MIT License. See the LICENSE file for details.