diff --git a/README.md b/README.md index 21e9c6c..59602d4 100644 --- a/README.md +++ b/README.md @@ -1,59 +1,150 @@ -# GridDemos - -Grid demos showing different use cases. - -## Development server - -To start a local development server, run: - -```bash -ng serve -``` - -Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files. - -## Code scaffolding - -Angular CLI includes powerful code scaffolding tools. To generate a new component, run: - -```bash -ng generate component component-name -``` - -For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run: - -```bash -ng generate --help -``` - -## Building - -To build the project run: - -```bash -ng build -``` - -This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed. - -## Running unit tests - -To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command: - -```bash -ng test -``` - -## Running end-to-end tests - -For end-to-end (e2e) testing, run: - -```bash -ng e2e -``` - -Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs. - -## Additional Resources - -For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page. +# Ignite UI for Angular Examples + +You can quick-start your project using the sample apps here! Explore, inspect the source code, or customize them with ease. +[Browse samples and source code](https://www.infragistics.com/angular-grid-examples/home/inventory) + +All sample apps are built using Ignite UI’s fast-performance Angular grids for real-time data handling, high-speed rendering, and versatile customization options. Each demonstrates key enterprise-ready features—like sorting, filtering, editing, and more—helping you build interactive, data-rich Angular applications faster. + +## Financial Portfolio App +Angular Financial Portfolio App + + +**Description:** +An Angular example app showing assets, profit, and loss analyses. It integrates dynamic charts, uses a Bootstrap light theme for visual consistency, and features a high-performance Data Grid. + +**Components Used:** +- Data Grid +- Avatar +- Button +- Icon +- Linear Bar +- Input Group +- Excel Exporter Service +- CSV Exporter Service + +**Features:** +- Row Selection +- Sorting +- Column Hiding +- Column Pinning +- Exporting +- Conditional Cell Styling +- Filtering + +--- + +## ERP/Inventory +Angular ERP/Inventory example + + +**Description:** +An Angular sample app for ERP/Inventory, handling large data volumes using Ignite UI for Angular Hierarchical Grid with Material Light theme. + +**Components Used:** +- Hierarchical Grid +- Data Chart +- Rating +- Dialog +- Badge +- Button +- Icon +- Excel Exporter Service +- CSV Exporter Service + +**Features:** +- Row Selection +- Sorting +- Filtering +- Column Moving +- Column Hiding +- Column Pinning +- Exporting + +--- + +## Org Chart/HR Portal +Angular HR Portal Example App + + +**Description:** +Angular sample app featuring a Tree Grid to manage and display employee information. + +**Components Used:** +- Tree Grid +- Avatar +- Button +- Icon +- Paginator +- Excel Exporter Service +- CSV Exporter Service + +**Features:** +- Row Selection +- Sorting +- Excel Style Filtering +- Column Hiding +- Column Pinning +- Exporting +- Paging + +--- + +## Fleet Management System +Angular Fleet Management System Example + + +**Description:** +Angular sample app with a Master-Detail Grid for managing vehicle acquisition, operations, and maintenance—perfect for retail businesses. Includes product-specific details (engine, maker, fuel, trip history, maintenance, etc.). + +**Components Used:** +- Grid +- Pie Chart +- Category Chart +- Card +- Geographic Map +- Overlay +- Avatar +- Badge +- Tabs +- Carousel +- Slide +- Divider +- Select +- Button +- Icon +- Excel Exporter Service +- CSV Exporter Service + +**Features:** +- Sorting +- Exporting +- Filtering +- Column Pinning +- Column Hiding + +--- + +## Sales Dashboard +Angular Sales Dashboard Example App + + +**Description:** +Angular sales app example for summaries by region, product, and time periods, with options for detailed trend analysis and KPIs. + +**Components Used:** +- Pivot Grid +- Pivot Data Selector +- Button +- Icon +- Toggle +- Tooltip +- Dropdown +- Excel Exporter Service +- CSV Exporter Service + +**Features:** +- Sorting +- Exporting +- Filtering +- Resizing +- Super Compact Mode