Angular Components at Navitus

An easier way to do work

Currently today Navitus has entire angular webpage templates that you can start a website from the ground up with, but this library is inaccessible unless the proper credentials are sought out. On top of this, Navitus suffers from a problem of not having a standardized look and feel across all of its websites. Thus with this in mind I wanted to make a standardized look and feel to all components we use in our websites, and make them easily accessible to the everyday developer. With that in mind the following were made

NPM Package

We often take for granted these things, something as easy as running one line in cli, and then you have access to all these things. Well Navitus currently doesn't have any such package "publically" available, but they could have one in the future (or even privately available). Currently it's difficult to find, and thus I just made one of my own. This can be found here. The components added are the following

Components

Checkbox
Modal
Percentage
Polar

Storybook

We also have a need to physically interact with these components to learn about them. This streamlines UI development, testing, and documentation. We have one physical repository that just downloads our npm package into a project, and then we create a storybook story for each component in the npm package.

A link to the components storybook can be found here. While the storybook documentation can be found here.

In the future

Some upcoming things we have planned for this work are:

Creating an automated pipeline to publish the npm package on push
Adding all of our components to the storybook