HackMDir
HackMDir copied to clipboard
HackMDir
HackMDir is a Google Chrome Extension that helps HackMD users manage their notes in a better way.
The published version can be found here !
Features
Groups
Our directory structure helps group relevant notes together faster!
Drag-and-drop operation
The easy drag-and-drop operation makes better experience when using the extension
Bulk remove notes/histories or change permissions
There's no need to click into notes and delete them anymore! Our bulk remove function allows users to remove multiple useless notes in a click!
Changing permissions is also accepted.
Fast export notes as bookmode
Getting Started
Besides using the published version on Chrome Web Store, you can compile your own and make pull requests if you think this project can be better!
Prerequisites
Version | |
---|---|
Node.js | v10.15.3 |
Npm | v6.4.1 |
React | v16.8.6 |
Redux | v7.0.3 |
Webpack | v4.32.1 |
Babel | v7.4.5 |
Material-UI | v3.9.3 |
Step one - Install dependencies
npm install
Step two - Build
-
npm run dev
for develpment. -
npm run build
for production
The code will be generated in dist/
directory
Step three - Load extension
Open browser -> go to chrome://extensions/
-> Load unpacked -> Choose the dist/
directory -> Enjoy!
Directory structure
├── src
├── api -- backend API
├── app
├── components
├── list -- Component of notes/dirs
└── modals -- Modals of different pages
├── containers -- Containers to inject redux state
└── redux
├── actions -- Action declarations
└── reducers -- Action definitions
└── index.js -- combination of all reducers
├── content.js -- The injection and initialization of whole HackMDir app
├── icons -- Icon of extension
├── manifest.json -- Configuration file of extension
└── style
└── theme.scss -- Whole app styling file
└── dist -- output directory generated from command "npm run build"
Authors
- author
- UX desighner