Hybrid Mobile Calling App (AppGyver Steroids + AngularJS)
Overview
An early-career hybrid mobile application, “callmatic”, built on the AppGyver Steroids framework with an AngularJS front end. It is the mobile-client half of a small calling/communication product the developer was building around 2015.
Why It Exists
The goal was to learn cross-platform hybrid mobile development, packaging a single AngularJS codebase as a native-feeling app, rather than writing separate native iOS/Android clients.
What We Built
The folder contains the Steroids app scaffold (Gruntfile.js loading grunt-steroids, package.json) and a populated bower_components set that reveals the real stack: AngularJS with Angular Material and angular-material-icons for the UI, angular-sanitize and angular-ui-utils, ngInfiniteScroll for list paging, and a js-data + js-data-localforage layer for client-side data modelling and offline persistence. The “callmatic” name and the sibling callmatic.php WhatsApp script suggest it was the mobile face of a calling/messaging build.
Technologies & Approach
AppGyver Steroids was chosen to wrap an AngularJS single-page app as a multi-page native hybrid; Grunt and Bower handled builds and front-end dependency management, a typical 2015 hybrid-mobile toolchain. Angular Material provided a Material Design component set, and js-data abstracted the data store with local persistence for offline use.
Outcome / Impact
A build/learning project. It demonstrates a working hybrid-mobile setup and a deliberate choice of AngularJS data-layer and Material UI libraries, validating the developer’s ability to assemble a modern (for the era) mobile front-end stack.
Capabilities Demonstrated
- Hybrid / cross-platform mobile app development
- AngularJS single-page-app architecture and componentisation
- Material Design mobile UI
- Client-side data modelling with offline persistence (js-data + localForage)
- Front-end build tooling (Grunt, Bower)