https://github.com/thomasbnt/paytrackr

Track and manage your micropayments into one place 🎉
https://github.com/thomasbnt/paytrackr

Last synced: about 2 months ago
JSON representation

Track and manage your micropayments into one place 🎉

• Host: GitHub
• URL: https://github.com/thomasbnt/paytrackr
• Owner: thomasbnt
• License: mit
• Created: 2020-05-30T11:21:21.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-06T06:01:16.000Z (almost 4 years ago)
• Last Synced: 2024-05-07T03:31:56.415Z (5 months ago)
• Homepage:
• Size: 295 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-web-monetization - Paytrackr - (Forked from [wobsoriano/paytrackr](https://github.com/wobsoriano)) - Track and manage your micropayments into one place. (Resources / Tools)

README

        
# PayTrackr

> PayTrackr is the easiest and safest way to track and manage your micropayments to Web-Monetized websites, having a web monetization provider membership (i.e. Coil).

## Download links

- [Chrome](https://chrome.google.com/webstore/detail/paytrackr/pcfbnmieeijeahdbbjefgkcbkfnccpei)

- [Firefox](https://addons.mozilla.org/en-US/firefox/addon/paytrackr/)

- Edge - In Review

## Features

- **Dashboard** - Aggregated breakdown on how much went to each site in total

- **Recent Payments** - History of micropayments to websites with web monetization

- **Payment Alerts** - Get notifications when a certain amount is reached

- **Export History** - Export micropayments history to csv/xlsx

- **Theme Switcher** - Choose between light and dark mode

## Usage

```bash

$ npm install

$ npm run build:dev

```

## Running locally

Google Chrome

1. Open Chrome and type `chrome://extensions` in the search bar. Turn the switch `Developer mode` on.

![step1](https://i.imgur.com/oErOjET.png)

2. Look for the button `Load unpacked` at the top-left and select the `dist` folder found in the root's path of our extension when we run `npm run build:dev`.

![step2](https://i.imgur.com/mPlfKxK.png)

3. Run `npm run watch:dev` to enable hot reloading of the extension.

## Commands

### `npm run build`

Build the extension into `dist` folder for **production**.

### `npm run build:dev`

Build the extension into `dist` folder for **development**.

### `npm run watch`

Watch for modifications then run `npm run build`.

### `npm run watch:dev`

Watch for modifications then run `npm run build:dev`.

It also enable [Hot Module Reloading](https://webpack.js.org/concepts/hot-module-replacement), thanks to [webpack-extension-reloader](https://github.com/rubenspgcavalcante/webpack-extension-reloader) plugin.

:warning: Keep in mind that HMR only works for your **background** entry.

### `npm run build-zip`

Build a zip file following this format `-v.zip`, by reading `name` and `version` from `manifest.json` file.

Zip file is located in `dist-zip` folder.

## License

This plugin is released under the [MIT License](LICENSE.md).