Enjoyselfie NPM

Photobooth desktop app - React/Electron

Core features

Electron
TypeScript
React
SASS/SCSS
ESLint

Custom Aliases for Paths

We can use predefined aliases for import paths already used in this project. Following are the details:

Alias	Target Path
`@assets`	`/assets`
`@main`	`/src/main`
`@renderer`	`/src/renderer`
`@common`	`/src/common`
`@src`	`/src`
`@components`	`/src/renderer/components`

Installation

Install dependencies using yarn :

yarn install

Start : development

To develop and run your application, you need to run following command. Start electron application for development :

yarn start

Lint : development

To lint application source code using ESLint via this command :

yarn lint

Electron-Forge : build

Publishing is a way of taking the artifacts generated by the make command and sending them to a service somewhere for you to distribute or use as updates. (This could be your update server or an S3 bucket)

yarn publish

Electron-Builder : build

Export a build with Electron-Builder into the dist/ folder. Build configuration can be edited in package.json.

yarn dist

Packager & makers configuration

This provides an easy way of configuring your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files. This configurations file is available in :

tools/forge/forge.config.js