The Sunbird Mobile app is the app-based interface for the Sunbird application stack. It provides an app(Android/Ios) through which all functionality of Sunbird can be accessed.
Sunbird Mobiles app follows a basic angular / Ionic code structure. The top level of the workspace contains workspace-wide configuration files, configuration files for the application, and test files.
All following primary folders are highlighted in the above screenshot
plugins folder contains all the plugins which provide JavaScript interface to native components (Android/ Ios)required by Sunbird Mobile App. They allow the app to use native device capabilities beyond what is available to pure web components.
This folder contains all the modules and components. It contains the Sunbird Mobile app's logic and data.
Modules
As Modules are a great way to organize an application and extend it with capabilities from external libraries so, in the Sunbird-mobile-app, each functionality/page is configured as a Module. Some key modules are given in the below diagram.
This folder contains classes that can add new behavior to the elements in the template or modify existing behavior. These classes are used to maneuver the DOM by adding/ removing new elements to DOM and even changing the appearance of the DOM elements.
This folder contains classes with the @injectible decorator. This decorator tells angular that the class is a service and can be injected into components that need that service.
The Form Configurations are a set of predefined forms that enable users to easily modify the UI without changing anything in the source code. Also, it allows users to quickly update any type of app attribute even if the app is already available in Play Store/app store without any app update.
