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...