Let's get started!
Here we are. The first thing I consider when developing a new project is usually the application folder structure:
myApp/ > css/ -- app.css -- options.css > js/ -- nativeui.js -- helpers.js -- main.js -- options.js -- todos.js > node_modules/ > vendor/ -- jquery.2.1.3.min.js -- pouchdb-3.2.1.min.js > views/ -- app.html -- options.html -- todo.html - icon16.png - index.html - options.html - package.json
As illustrated, before starting with the actual programming, we need to install some resources. So let's create the myApp folder and all the subfolders and then create a package.json file in the root:
{
"name": "ToDO!",
"main": "index.html",
"window": {
"show": true,
"icon": "icon16.png",
"min_width": 480,
"min_height": 600,
"width": 480,
"height": 600,
"toolbar": false
},
"dependencies": {
"swig": "1.4.2"
}
}What we are doing here is pretty simple; we've set most of the data of the application, including the Main window...