reaz1995 / electron-typescript-react-playwright-pg-boilerplate Goto Github PK

• INTRODUCTION
• REQUIREMENTS
• RECOMMENDED TOOLS
• INSTALLATION
• INSTALLATION
• GETTING STARTED
• PACKING

Ready to go boilerplate for electron app with typescript, react, mui, pg, playwright

Development on Windows

• Nodejs >= 16.x
• Nodejs
• postgressql

Development on Windows with WSL (Ubuntu)

• Nodejs >= 16.x
• Nodejs
• postgressql
• Xming as displayer

• Visual Studio Code
  • Prettier extension
  • ESLint extension

Windows:

• Install Nodejs

• Install posgressql

• add environment variables PATH for user and system to postgres lib and bin

Example:
 C:\Program Files\PostgreSQL\14\lib\
 C:\Program Files\PostgreSQL\14\bin\

Wsl:

• Install Nodejs

• Install posgressql

• Install Xmming on Windows

Set up display:

Run it > check 'Multiple Windows' > next > next > check 'disable access control' > next > Finish

1. Download repo:

git clone https://github.com/reaz1995/electron-typescript-react-playwright-pg-boilerplate.git myapp

2. Navigate to the project root

cd myapp

3. install dependencies

npm install
OR
yarn install

4. Run in development mode

npm run dev
OR
yarn dev

// ON WSL, BEFORE RUNNING THEP ROJECT SET UP DISPLAY

Run it every new instance of terminal or include in profile of bash

export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk '{print $2}'):0

To exit running App use shortcut:

Ctrl + W

Run below command to build your app

npm run package

Builder will create your app for Windows, Linux, mac.

To build app on Linux/wsl for Windows install WineHQ and Mono https://www.electron.build/multi-platform-build.html#to-build-app-for-windows-on-linux