Admin Dashboard Application
KendoReact enables you to create rich, beautiful, and very fast dashboard applications. The Admin Dashboard Application uses one of the most powerful KendoReact components such as the KendoReact Chart, React Forms, Button, and more.
Whether you are looking for examples how to use KendoReact in applications, or for a starting point for your own dashboards, head over to the live Admin Dashboard Application. You can find the application's source code on GitHub.
To play with the demo and see how it’s built, you may want to run it locally:
- Clone or download the source code from GitHub.
- Install the required dependencies via
npm install --save.
- Make sure you have activated your license
yarn startcommand to start the application.
http://localhost:3000to view it in the browser.
This application shows how to create fast, beautiful, and dynamic admin dashboards. It takes full advantage of React's fast rendering and shows dynamic data updates in real time which allows monitoring data with no visible delay. You can see how all KendoReact components can be easily connected with one another and react to all changes in the state flawlessly. In this application, we use the KendoReact Charts to visualize the data and to show both the data trends in the Chart and the details in the Grid. The application also uses the KendoReact Forms and TileLayout to display multiple forms in cards.
You can see the following ten KendoReact components implemented in this sample application:
- KendoReact Charts
- Line Chart
- Bubble Chart
- KendoReact Buttons
- KendoReact TileLayout
- KendoReact Forms
- KendoReact ListView
- KendoReact Gauges
- KendoReact Grid
- KendoReact Progressbars
- KendoReact Inputs
- KendoReact Dropdowns