Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mawrkus/trello-browser-extension

✨ A browser extension to easily create Trello cards from any Web page in two clicks. Including metadata (title, description) and a cover image.
https://github.com/mawrkus/trello-browser-extension

brave brave-extension browser-extension chrome chrome-extension extension firefox firefox-addon firefox-extension trello trello-api trello-card

Last synced: 2 months ago
JSON representation

✨ A browser extension to easily create Trello cards from any Web page in two clicks. Including metadata (title, description) and a cover image.

Awesome Lists containing this project

README

        


Trello logo

A browser extension for Trello


A browser extension to easily create Trello cards from any Web page in two clicks. Including metadata (title, description) and a cover image.

## Installation

As the extension is not published, the installation takes a bit more time, but is not too complex.

In a terminal, clone the repository:

```shell
git clone https://github.com/mawrkus/trello-browser-extension.git
```

(Or you can also download the code directly by clicking on the "[Code" > "Download ZIP](https://github.com/mawrkus/trello-browser-extension/archive/refs/heads/master.zip)" button in GitHub and unzip it in a "brave-chrome-trello-extension" folder on your computer)

###  Brave/Chrome users

- Go to this "url": [chrome://extensions](chrome://extensions) (or [brave://extensions](brave://extensions))
- Activate the "Developer mode" and click on "Load unpacked":

Extension settings

- Go to the folder where you've cloned the extension and click "Select". The extension is now installed...

Extension details

- ...and its icon appears in the browser's toolbar:

Extension icon in toolbar

###  Firefox users

The installation process is similar, but starts at this "url": [about:debugging#/runtime/this-firefox](about:debugging#/runtime/this-firefox). After clicking on "Load Temporary Add-on...", just select the file "manifest-firefox.json".

For more information: [https://firefox-source-docs.mozilla.org/devtools-user/about_colon_debugging/index.html](https://firefox-source-docs.mozilla.org/devtools-user/about_colon_debugging/index.html)

## Usage

First you'll need an API key and token.
In order to obtain them, login to Trello then visit https://trello.com/app-key/

Once obtained your API key and token, click on the extension icon in the browser's toolbar to save them:

Trello Card popup

Once saved, right-click on the page to open the contextual menu and click on "Refresh all boards":

Refresh menu item

After some time, you should be notified that your boards were successfully loaded:

Boards loaded notification

Now you can right-click on any page and choose the board/list you want the new card to be added to:

Trello Card menu

Et voilà! 🎉

Card added notification