User Interface

Angular

Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps.Angular has gained huge popularity in recent years, and with good reason.

Advantages of Angular

Angular’s preconfigured environment not only helps with development, but also facilitates testing. We won’t need to use any third-party libraries to create basic functionality for your app. All you need is the official library, which is provided by the Angular team. This means that you can expect better security and higher code quality.

Its ecosystem is vast, with tons of ready-made components that make scaling a project easy, as well as making it a great choice for enterprise-scale applications.

What’s more, TypeScript reduces the burden of debugging, with most common errors being flagged during development.

Install the Angular CLI

You use the Angular CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

Install the Angular cli:

npm install -g @angular/cli

Clone the shine repository

git clone [email protected]:shine2/user-interface.git

Run the application

ng serve --open

Run Test

ng test

Generate the build for production

It will generate the minified HTML, CSS and JS for deployment

ng build

Deployment

Once we have the files from the previous step, we can host the file using any web server. We have chosen nginx because of its performance, reliability and being lightweight.

Current User Interface in Shine

https://www.sketch.com/s/081ca397-4c28-4813-b2d8-1ee76e478031