Skip to content

This is an application for managing an inventory using one of the third-party component libraries that was created by VMware's team, known as the Clarity component.

Notifications You must be signed in to change notification settings

lwairore/angular-inventory-app

Repository files navigation

Angular Inventory App

This is an application for managing an inventory using one of the third-party component libraries that was created by VMware's team, known as the Clarity component. It follows the Clarity Design System, which has detailed UX/UI guidelines that need to be followed for using the components correctly. It also documents do's and don'ts for using each of the components. You can find the documentation at https://clarity.design.

Angular Inventory App displays products and performing Create, Read, Update, and Delete (CRUD) operations.

Demo

Here is a working live demo: https://lwairore.github.io/angular-inventory-app/

This is how the Angular Inventory App looks: This image shows how Angular Inventory App looks

Add new product

This image shows how Add new Product section looks like

Built with

  • Clarity's wizard component library and used reactive forms - To create complex form via a step-by-step workflow so that we can add/edit products.
  • Built-in validations from Angular and custom validator.
  • Angular

Team

Karangu Lucas Wairore

Further reading

The following reading material will provide you with more information about Clarity components, reactive forms, and validations:

About

This is an application for managing an inventory using one of the third-party component libraries that was created by VMware's team, known as the Clarity component.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published