Development of a cross-platform ERP system for a construction company using Capacitor Ionic (web + mobile). Communication with the GraphQL backend with Apollo client. Integrating Google Maps API for incident reporting and construction areas management.
- Capacitor: A solution that enables cross-platform development for Web, Android and iOS with a single codebase.
- Ionic: A UI component library tailored for use with Capacitor.
- Google Maps API: For building interactive maps with construction areas and incidents reporting.
- CRUD Tables: JSON-configurable on the backend tables with CRUD operations, filters, and variable data representations.
- Google Maps: Custom lines, polygons, and markers for construction sites.
- Cross-platform: Single codebase that looks and works equally well on the web, tablet, and mobile.
It was a great challenge to develop a tables UI system that is parsed completely from backend JSON configs, including filters, action buttons, validations data types, entities, and much more.
On the project, I learned a lot on the nuances of customizing Ionic components and its approaches to styling wish shadow roots.
The system was successfully implemented by a major optic fiber construction company in the United States.