Anatomy of a MobileFirst Cordova project

The file structure of a MobileFirst Cordova project helps you organize the code that is necessary for your apps.

Table 1. A MobileFirst Cordova project has the following structure:
Folder name Description
<project-name> Root project folder
  hooks For build hooks. Build hooks are tasks that are completed during hook points in a build.
  mobilefirst Contains the .wlapp files of your app that you can deploy to the MobileFirst Server.
  platforms Platforms that your app is meant for. This folder contains subfolders of your platforms.
  plugins Cordova plug-ins that your app uses. For example, org.apache.cordova.inappbrowser.
  res Contains resources that are used by your app.
  www Contains index.html, the main HTML file of your app. This folder also contains the css, img, and js folders.
  .mfp_cli_config.json This file contains a single configuration setting, which is the default runtime for the application. The mfp push command uses this default runtime if you do not provide it.
  application-descriptor.xml A metadata file that is used to define various aspects of the application. For more information about this file, see The Cordova application descriptor.
  config.xml The global configuration file of the application. For more information, see The config.xml File page of the Apache Cordova Documentation.