Client-side rendering technologies adapted for cenTaur web application development.
Learn about the cenTaur client-side framework and DevKit that help you customize and extend the cenTaur web application. We have redesigned the user interface with cutting-edge open-source frontend technology to fit our platform's requirements.
Select from a wide range of reusable components to create a custom user interface and extend it to your or your customers' needs. Test your extensions in a playground environment.
In the cenTaur design system, we provide you with guidelines, resources, and more to help you give your application a professional look and feel.
Frontend & UX development technologies
Our set of tools that help you build and test your frontend extensions.
GraphQL
GraphQL is a query language for APIs.
On a high level, GraphQL allows to:
- Define an API using a schema definition file.
- Execute queries based on that schema. It returns exact the requested data.
- Execute mutations based on that schema. It only updates the requested data.
GraphQL mockserver
GraphQL endpoint that provides mock data for easy client-side development.
censhare DevKit
The censhare DevKit is a censhare environment built on top of the Angular CLI project that has been enhanced to fit censhare requirements. It allows censhare platform developers to create own library extensions and boilerplate for pages, tabs, and components via a simple to use command-line interface (CLI).
Angular
A TypeScript-based framework to build frontends for web applications.
Angular Material - frontend framework
Angular Material is our base frontend framework, a Material Design implementation for Angular, powered by Google.
A framework is a library that offers opinions about how software gets built. These opinions allow for predictability and homogeneity in an application; predictability allows software to scale to an enormous size and still be maintainable; predictability and maintainability are essential for the health and longevity of software.
Angular Material in the censhare Design System
Angular CLI
The Angular CLI is a command-line interface tool that creates, manages, builds, and tests Angular projects.
Storybook - component development
Storybook is our UI component development tool that allows to showcase live code of our components. All "Code" tabs within the censhare design system are based on Storybook components as a goal, showing Angular Material imports or our own or extended components.
Storybook in the censhare Design System
censhare Design System
The censhare Design System is the story of how to design and build the censhare user interface. It showcases design principles, best practices, components, and resources to create a consistent user interface across censhare products.
Check out the censhare Design System on all frontend development building blocks and tools we use such as Angular, Angular Material and CLI, UX design and iconography as well as the censhare Dev Kit.
Figma - design and prototypeUI/UX design
Figma is our visual design and prototyping tool for designers.
Figma in the censhare Design System
Font awesome - iconography
We use Font awesome cons. Font awesome provides more than 1,850+ individual icons per style.
Font awesome in the censhare Design System