Aman-Mittal opened a new issue, #160: URL: https://github.com/apache/fineract-backoffice-ui/issues/160
Summary Migrate the application's UI component library from Angular Material to the Ionic Framework to enable a more consistent cross-platform experience across web, Android, and iOS while leveraging Ionic's mobile-first design system. Motivation The current application relies on Angular Material, which is primarily designed for responsive web applications. As the project evolves toward supporting multiple platforms, Ionic offers several advantages: Native-like UI and navigation patterns for mobile devices. Consistent components across web, Android, and iOS. Built-in support for Capacitor, enabling native application deployment. Mobile-friendly gestures, animations, and navigation. Reduced effort when targeting multiple platforms from a single codebase. Proposed Changes Add and configure Ionic Angular. Replace Angular Material layout components with Ionic equivalents. Replace Angular Material form controls with Ionic components. Migrate dialogs, menus, snackbars, and overlays to Ionic implementations. Update application layouts and navigation to use Ionic primitives (ion-header, ion-content, ion-router-outlet, etc.). Replace Material icons where appropriate with Ionicons. Remove unused Angular Material dependencies after migration. Update documentation and development setup. Considerations Some Angular Material components (e.g., mat-table, mat-tree, mat-stepper) do not have direct Ionic counterparts and may require custom implementations or third-party libraries. Existing themes should be migrated to Ionic's CSS variable-based theming system. The migration should preserve accessibility and responsive behavior. Existing functionality and user workflows should remain unchanged during the migration. Benefits Cross-platform readiness for web, Android, and iOS. Improved mobile user experience. Better integration with Capacitor for native deployments. Simplified maintenance by using a single UI framework across supported platforms. Modern, adaptive UI components with platform-specific styling. Acceptance Criteria Ionic Angular is integrated into the project. Angular Material dependencies are removed. Core layouts are migrated to Ionic components. Forms and navigation are fully functional using Ionic. Dialogs, toasts, and overlays are migrated. Application builds and runs successfully on the web. Application is compatible with Capacitor for Android and iOS. Documentation is updated to reflect the new UI framework. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
