Angular App Demo | Storybook App Demo
Angular is our starting point along with potential use of MaterialUI. The rest is TBD for the moment. Components are documented in Storybook.
Please use good comments amd GitMoji to help us understand if something is a major or minor change. Examples may be :memo: for documentation, :sparkles: for new features, :bug: for bugs, :fire: for deletions, :lipstick: for UI changes, :ambulance: for hotfix, :construction: for a bit of code that is in progress or incomplete.
Clone the repo to your local system. Install Node and then you need to to install the Angular CLI. In terminal type inside the root of the repo on your local:
npm install -g @angular/cli
Once you have Node/Angular installed, install the core dependencies by typing:
npm install
To run the app, the site will open it in a browser (http://localhost:4200/)
npm start
Running Storybook with this sequence will run Storybook and open it in a browser (http://localhost:6006/)
npm run storybook
To build the app into \dist\arts\browser
you will need to type
npm run build
Once that is done, place it on your server and point the serverβs home directory to the browser
folder and then hit it with the domain you assign it to.
To build Storybook for a static deployment into \storybook-static
you will need to type
npm run build-storybook
In the following file, is the location of the Excel spreadsheet we are calling:
src\app\pages\assets\components\assets-table\assets-table.component.ts:41
You will see the spreadsheet named with β2000β because it is trimmed to only 2000 results:
private readonly excelFile = "./ARTS-Data-Table-2000.xlsx";
The spreadsheet is locatied in /public/
If you need to change the column order, names, add or remove them, you will find it in:
src\app\pages\assets\columns-map.ts
We return 250 results by default, to change it go to
src\app\pages\assets\components\assets-table\assets-table.component.ts:31
If you have any issues running the tools, please contact Tim Hunold Home CodersRank