File Structure

HTML file

index.html is the application entry point.

CSS file

index.css - defines the application styling

JavaScript files

The actions and user interactions are carried out by the JavaScript files.

MVC model

* app.js (Initiates the Model, View, and Controller)
* controller.js (Defines all user action listeners and likewise connects View interactions with Model operations)
* model.js (Data management methods are defined)
* view.js (Defines methods for displaying data)

Supplementary files

* store.js (Delivers sample data storage solution)
* template.js (Delivers template function for displaying list items and changing button states)
* helpers.js (Deliver helper functions for DOM elements)