Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/raphaelsalaja/paths

Extension for finding shortcuts for popular apps and websites ๐Ÿ›ฃ๏ธ
https://github.com/raphaelsalaja/paths

api browser browser-extension chrome-extension commands css global html javascript jquery productivity productivity-booster productivity-tools shortcuts workflow

Last synced: 15 days ago
JSON representation

Extension for finding shortcuts for popular apps and websites ๐Ÿ›ฃ๏ธ

Awesome Lists containing this project

README

        


![Product Hunt _ Screenshot _ asdfasdfdsaf](https://user-images.githubusercontent.com/52125687/178572560-088dd244-f242-4536-8d4b-3f3294e35674.png)
Paths - Find shortcuts for apps and websites in your browser | Product Hunt

## Why would you use this? ๐Ÿ”Ž

Learning shortcuts and quick commands can almost double your productivity. Paths shows you the all the available shortcuts and commands for the most popular websites and apps that you use on a daily basis.

๐Ÿ‘‰ [Github Link](https://github.com/raf-underscore/paths)

## What can you expect ๐Ÿค”

Using this you will be able to search for a shortcut or command and see what it does. You will also be able to run the command by clicking on the shortcut.

## Contributions ๐Ÿ”ฎ

If you would like to contribute to this project, please open an issue or pull request.

If you would like to add a shortcut or command you can do so by following these steps:

1. Create a new .js file in the source folder. You can use the template file provided as a starting point.

```
.
โ””โ”€โ”€ src
โ””โ”€โ”€ data
โ””โ”€โ”€ sources
```

```js
export const template = {
title: 'Title',
icon: '', // use a favicon, such as https://www.youtube.com/favicon.ico
sections: [
{
name: 'Name1',
shortcuts: [
{
description: 'Description 1',
keys: ['Key1', 'Key2'],
},
],
},
{
name: 'Name2',
shortcuts: [
{
description: 'Description 1',
keys: ['Key1', 'Key2'],
},
],
},
],
}
```
2. Add the new file import to the data.js file in the source folder.

```js
import {adobe_photoshop} from './sources/adobe-photoshop.js'
...
import {YOUR_CONTRIBUTION_HERE} from './sources/YOUR_CONTRIBUTION,.js'

export const data = [
adobe_photoshop,
...
YOUR_CONTRIBUTION_HERE,
]
```

## Local Installation ๐Ÿ 

- Download and extract the contents
- In Chrome, open chrome://extensions/
- Click + Developer mode
- Click Load unpacked extensionโ€ฆ
- Navigate to the src folder and click OK
- Enable The Extension

## Using The Application ๐Ÿ”ฅ

Opening Paths can be done by pressing โŒ˜ Command+Shift+Y on Mac or Ctrl+Shift+Y on Windows. You can change the shortcut by going to chrome://extensions/shortcuts in Chrome. Also, if you cannnot use the command for some reason, you can also open it by pressing the app button on the top bar.

Closing the app can be done by either clicking on the background, pressing Esc or by pressing the icon on the topbar.

## Support ๐Ÿ’Œ

If you find the app useful and want to support me, you can do so by support me on Product Hunt, giving the repo a star on Github, or by following me on twitter. The links to all can be found below:

๐Ÿ‘‰ [Linktree](https://linktr.ee/raf_underscore)


ENJOY THE APP! ๐Ÿ˜„