/redux-electron-todo-example

React + Redux + Electron + Material UI + Sass + Browserify + Gulp Todo List Application example that lives in your system tray.

Primary LanguageJavaScript

Redux Electron Todo Example

React + Redux + Electron + Material UI + Sass + Browserify + Gulp Todo List Application example that lives in your system tray. It saves all of your data to localStorage, is resizable, frameless and can export your current todo list to PDF for safe storage.

screenshot

How to get started

npm install -g gulp-cli electron-prebuilt
npm install
gulp serve

Building

  • Build the client and server bundles: gulp build
  • Watch app/ and src/ for changes and update build/ automatically: gulp watch
  • Lint everything (We use StandardJS, but you can modify the .eslintrc): gulp lint
  • Open up the app: gulp serve. This will also live reload everything, so don't worry about that.
  • Package the app for release: gulp package.

Todo

  • App Core Functionality.
  • Save data to localStorage.
  • Tie appbar exit button to electron.
  • Minimize to system tray.
  • Export to PDF functionality (for safe keeping).
  • Make sure reducers are pure functions.

Special thanks to l0gicgate for some advice.

© 2016 Troy Edwards Jr

MIT LICENSE