Application implementation
From the beginning, our intent in the design of our application was to create a modularized ecosystem in which different pieces of the code (modules) would be joined together to create a fully functional application. To that end, our code has been structured as displayed in the following screenshot:
As you can see, our application has been organized into three main folders: css
which hosts all of our styling files, Images
which stores all the images in the application's catalog; and js
, which contains all the JavaScript code for our application. As this structure is only one approach to organizing the application's code, you may decide to organize the code differently.
Under js
folder, we have organized our JavaScript files further into three main sub-folders; Components
which contains the files related to modules that have views associated with them, Modules
which contains our modules for the controller and Model of the application, and Widgets
which hosts files...