Finance Portfolio Application
KendoReact enables you to create rich, beautiful and very fast dashboard applications which are ideal for the financial sector. The Finance Portfolio Application uses one of the most powerful KendoReact components such as the KendoReact Chart, React Data Grid, DropDowns and more.
How to Run the Demo
If you are looking for examples how to integrate the KendoReact components in large applications, or for ideas for your own dashboards, please visit the live Finance Portfolio 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
- Use
npm startoryarn startcommand to start the application. - Open
http://localhost:3000to view it in the browser.
About the App
This application shows how to create fast, beautiful and dynamic financial 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 Data Grid and 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 DropDowns and DatePicker to easily transition between different time periods or Chart types.
Full List of the Used KendoReact Components
You can see the following ten KendoReact components implemented in this sample application:
- KendoReact Charts
- Line Charts
- KendoReact Area Chart
- KendoReact Data Grid
- KendoReact DropDownList
- KendoReact DateRangePicker
- KendoReact Splitter
- KendoReact Tooltip
- KendoReact Animations
- KendoReact Buttons