Skip to content

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

License

Notifications You must be signed in to change notification settings

raphaelsalaja/paths

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

36 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Product Hunt _ Screenshot _ asdfasdfdsaf 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

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
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'],
				},
			],
		},
	],
}
  1. Add the new file import to the data.js file in the source folder.
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

ENJOY THE APP! ๐Ÿ˜„