Introduction

This project is a fork of https://github.com/maximegris/angular-electron

This project aims to integrate 3 different projects:

• the aforementioned Angular Electron project found at https://github.com/maximegris/angular-electron
• the Material Design project for Angular found at https://material.angular.io/
• the Material Design Icons project found at https://materialdesignicons.com/

Getting Started

Clone this repository locally:

git clone https://github.com/toongeorges/angular-electron-material-design.git

Install dependencies with npm:

npm install

Under Linux:

sudo chown root node_modules/electron/dist/chrome-sandbox
sudo chmod 4755 node_modules/electron/dist/chrome-sandbox

To Build for Development

npm start

Other Commands

Command	Description
npm run ng:serve	Execute the app in the web browser (DEV mode)
npm run web:build	Build the app that can be used directly in the web browser. Your built files are in the /dist folder.
npm run electron:local	Builds your application and start electron locally
npm run electron:build	Builds your application and creates an app consumable based on your operating system

Your application is optimised. Only /dist folder and NodeJS dependencies are included in the final bundle.

e.g. to test the production build under Linux:

npm run electron:build
release/angular-electron-10.5.2.AppImage --no-sandbox

More Info

• about Angular, check https://angular.io/
• about Electron, check https://www.electronjs.org/
• about Angular and Electron integration, check https://github.com/maximegris/angular-electron
• about Material Design, check
  • https://material.angular.io/
  • https://material.io/design
• about Material Design Icons, check https://materialdesignicons.com/