https://github.com/jonidelv/task-tracker
An example for building a tray app using Electron and React
https://github.com/jonidelv/task-tracker
electron electron-app react
Last synced: about 2 months ago
JSON representation
An example for building a tray app using Electron and React
- Host: GitHub
- URL: https://github.com/jonidelv/task-tracker
- Owner: jonidelv
- Created: 2017-08-06T17:10:31.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-10-20T21:08:43.000Z (over 7 years ago)
- Last Synced: 2025-09-07T07:36:56.121Z (10 months ago)
- Topics: electron, electron-app, react
- Language: JavaScript
- Homepage:
- Size: 1.37 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
## Getting started
This project was generated with [electron-react-boilerplate](https://github.com/electron-react-boilerplate/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**](https://webpack.js.org/guides/hmr-react/) mode and starts a webpack dev server that sends hot updates to the renderer process:
```bash
$ 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:
```bash
$ 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`:
```bash
$ START_MINIMIZED=true yarn dev
```
## Packaging
To package apps for the local platform:
```bash
$ yarn package
```
To package apps for all platforms:
First, refer to [Multi Platform Build](https://www.electron.build/multi-platform-build) for dependencies.
Then,
```bash
$ yarn package-all
```
To package apps with options:
```bash
$ yarn package -- --[option]
```
:bulb: You can debug your production build with devtools by simply setting the `DEBUG_PROD` env variable:
```bash
DEBUG_PROD=true yarn package
```