[<img src="./src/assets/logo-kendo.png" width="225" />](https://www.telerik.com/kendo-angular-ui/) [![Angular Logo](./src/assets/logo-angular.png)](https://angular.io/)

# Using Kendo UI for Angular

This Kendo UI for Angular sample project demonstrates how to use [Kendo UI for Angular components](https://www.telerik.com/kendo-angular-ui/components) within a coffee warehouse prototype application and visualize data. Currently, [the example is deployed on GitHub pages](https://telerik.github.io/kendo-angular/coffee-warehouse).

Used Kendo UI for Angular Components:
 - [Buttons](https://www.telerik.com/kendo-angular-ui/components/buttons/button/)
 - [Charts](https://www.telerik.com/kendo-angular-ui/components/charts/)
 - [DateInputs](https://www.telerik.com/kendo-angular-ui/components/dateinputs/)
 - [DropDonws](https://www.telerik.com/kendo-angular-ui/components/dropdowns/)
 - [Editor](https://www.telerik.com/kendo-angular-ui/components/editor/)
 - [Grid](https://www.telerik.com/kendo-angular-ui/components/grid/)
 - [Inputs](https://www.telerik.com/kendo-angular-ui/components/inputs/)
 - [Layout](https://www.telerik.com/kendo-angular-ui/components/layout/)
 - [Notification](https://www.telerik.com/kendo-angular-ui/components/notification/)
 - [Scheduler](https://www.telerik.com/kendo-angular-ui/components/scheduler/)
 - [Uploads](https://www.telerik.com/kendo-angular-ui/components/uploads/)

## In This Article

* [Setting Up the Project](#setting-up-the-project)
* [Getting Started](#getting-started)
* [Building for Development](building-for-development)
* [Serve in Production](serve-in-production)

## Setting Up the Project

The sample project runs with the [currently supported Angular version](https://www.telerik.com/kendo-angular-ui/components/installation/requirements/#toc-angular).

## Getting Started

1. Clone the repository of the sample application locally by running `git clone https://github.com/telerik/kendo-angular.git`.
1. Navigate to the project folder by running `cd examples-standalone/coffee-warehouse`.
1. Install dependencies with NPM by running `npm install`.

## Building for Development

To run the project:
1. Execute the `ng serve` command in the terminal window for a dev server.
1. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Serve in Production

Run `npm run serve-prod` to run the project in production mode.