artsui

🌐 ARTs UI

Angular App Demo | Storybook App Demo

πŸ“ Intro

version version version

version version version version

🧰 Stack

Angular is our starting point along with potential use of MaterialUI. The rest is TBD for the moment. Components are documented in Storybook.

πŸ“’ Commit Messages

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.

βš’οΈ Install

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

πŸš€ Run

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

πŸ“¦ Build for Deployment

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

πŸ’Ή Excel for static data

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/

Column Mapping

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

Default Result Size (250)

We return 250 results by default, to change it go to src\app\pages\assets\components\assets-table\assets-table.component.ts:31

🚦 Issues

If you have any issues running the tools, please contact Tim Hunold Home CodersRank