I wanted to understand how Electron and React libraries interacted so I created this simple snippets management app.
Requirement : Windows 10 64-bit
- CRUD
- Local data storage (
C:\Users\<username>\AppData\Roaming\js-snippets\jssDB.json
) - Autosave new snippet and edit (Debounce)
- Create/Delete tags
- Search snippet by title or tag
- Sort date asc/desc
- Copy to clipboard
- Change settings (font size, indendation space,...)
Download the archive from the release directory then launch the application (portable app).
- MD5: 388612d058f1764af8f1c9a630b172a1
- SHA-1: d66666573e4e85c07b9dde3fa3eb723f2f5b8b96
This app uses the following open source packages:
- Electron
- Electron Builder
- Electron-Store
- React.js
- React-Router-Dom
- Luxon
- Ace Editor
- React-Ace
- React-Select
- Nano ID
- Semantic UI React
- Normalize.css
- React-Splitter-Layout
- React-Copy-To-Clipboard
- React-Scrollbars-Custom
- React-Easy-Notify
- Webpack.js
- Terser Webpack Plugin
- Babel Core
- Babel Loader
- Babel Runtime
- Babel Preset Env
- Babel Preset React
- ...
Feel free to give me a ⭐ if you like my work.
MIT