/task-tracker

An example for building a tray app using Electron and React

Primary LanguageJavaScript

Task Tracker

An example for building a tray app using Electron and React. The app shows a timer for active tasks, you can select different tasks to keep track off.

screenshot

Getting started

This project was generated with electron-react-boilerplate. Refer to the docs to find more information on how to perform common tasks.

Install dependencies

  • npm install or
  • yarn

Run

Start the app in the dev environment. This starts the renderer process in hot-module-replacement mode and starts a webpack dev server that sends hot updates to the renderer process:

$ yarn dev

Alternatively, you can run the renderer and main processes separately. This way, you can restart one process without waiting for the other. Run these two commands simultaneously in different console tabs:

$ yarn start-renderer-dev
$ yarn start-main-dev

If you don't need autofocus when your files was changed, then run dev with env START_MINIMIZED=true:

$ START_MINIMIZED=true yarn dev

Packaging

To package apps for the local platform:

$ yarn package

To package apps for all platforms:

First, refer to Multi Platform Build for dependencies.

Then,

$ yarn package-all

To package apps with options:

$ yarn package -- --[option]

💡 You can debug your production build with devtools by simply setting the DEBUG_PROD env variable:

DEBUG_PROD=true yarn package