This project was created using Angular for Front-End and Node-Express for Back-End. We use Electron to deploy it in Windows to avoid the need of install Node and Angular CLI or Docker.
You can clone this repository locally:
git clone https://github.com/devonfw-forge/devon4node-score-board.git
This project use Maximegris' angular-electron template.
You can run an existing Electron release going to electron/release/win-unpacked and executing score-board.exe, you can change the source data used to draw charts editing electron/release/win-unpacked/data.json. You can copy the folder electron/release/win-unpacked where you want an rename it.
To build a new release you need to have installed NodeJs lts in your computer, you can download it from his official website.
The command to build the release is:
npm run electron:windows
After running this command your release are stored in electron/release/win-unpacked.
If you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context. Please follow Angular-cli documentation if you had installed a previous version of angular-cli.
npm install -g @angular/cli
Install dependencies with npm in electron folder:
npm install
Now you can start your application with:
npm start
You can install new dependencies using
npm install --save <dependencie name>
Then you can import it in main.ts file.
| Command | Description |
|---|---|
| npm run ng:serve:web | Execute the app in the browser |
| npm run build | Build the app. Your built files are in the /dist folder. |
| npm run build:prod | Build the app with Angular aot. Your built files are in the /dist folder. |
| npm run electron:local | Builds your application and start electron |
| npm run electron:linux | Builds your application and creates an app consumable on linux system |
| npm run electron:windows | On a Windows OS, builds your application and creates an app consumable in windows 32/64 bit systems |
| npm run electron:mac | On a MAC OS, builds your application and generates a .app file of your application that can be run on Mac |
To run the application using docker you need to have docker installed in your computer, you can download it from his official website.
In order to create the containers use:
docker-compose up --build
Now you can enter to the application using localhost:4200 in the web browser. To change the chart data use localhost:4200/update.
First of all you need to have installed NodeJs lts in your computer, you can download it from his official website.
If you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context. Please follow Angular-cli documentation if you had installed a previous version of angular-cli.
npm install -g @angular/cli
To install dependencies with npm, enter in angular folder and run the following command:
npm install
And then enter in node folder and run:
npm install
Enter in node folder an run
npm start
Enter in Angular folder and run
ng serve -o
Now you can enter to the application using localhost:4200 in the web browser.
To change the chart data you can use localhost:4200/update or you can also change the data directly editing data.json in node/data.json