Angular - Electron Project

This project was generated with Angular CLI version 6.0.8.

This project demostractes how Electron and Angular can work together and communicate each other via IPC.

It is good to started quickly with learning and prototyping in Angular.

Prerequisites

Node.js and npm are essential to Angular development. Get it now (https://docs.npmjs.com/getting-started/installing-node) if it's not already installed on your machine.

Once you have installed Node.js, clone the repository. if you are new to git, check out the guide to cloning a repository.

Clone the repository git clone https://github.com/jitsthr/angular-electron

Go into the repository $ cd angular-electron

Install the dependencies and run $ npm install && npm start

Install Missing Modules

to install within your project directory

npm-install-missing

to install globally

npm install -g npm-install-missing

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run as an native desktop app

You can run this angular app as an native desktop app with the following command.

npm run electron-build

About the application

It is an basic angular based desktop native app that has below functionalities.

• desktop native app using Electron
• Custome Menu design
• Popup window on about
• Angular routing based on menu click.
• Basic operation like Listing, Create, Edit, Delete in angular
• Main process communicate with render process via IPC (Electron to Angular)
• Searching name
• Master Detail component
• Angular services
• mimics communication with a remote data server by using the In-memory Web API module

Dashboard menu navigation

Heroes menu navigation

About menu popup

Enjoy Coding!