Creating a to-do list app using AngularJS on PhoneGap

For this section, we'll start off by transferring the to-do list app from the chapter1 folder to PhoneGap. As you may have already guessed, shifting the to-do list app to a PhoneGap version simply requires the installation of cordova.js. Let's see how this is done in the next section.

A basic version of a to-do list using AngularJS on PhoneGap

Let's quickly get started by shifting the to-do list app from chapter1 to PhoneGap. Perform the following steps:

1. Change the directory to chapter2 and navigate to www/ where your PhoneGap files are located.
2. Change index.html to index_concepts.html.
3. Now, copy the contents from index.html from chapter1 (where the basic HTML structure for todo app resides) to our new index.html file.
4. Copy todo.js from todo/ in chapter1 to js/ in www/ in the chapter2 folder.

   Your directory should look like this for todo app of chapter2:

   

   The code directory

5. So, as of now, your index.html file for this chapter should...