This project contains the startup code for HTML version of the Interaction Programing course lab assignment. For more details on how to complete the assignment follow the instructions on the course website.
- index.html - the only HTML page you will have in this project (though while testing you can create more to make it easier). You will need to implement the skeleton of the layout there and then through code (JavaScript) create the rest
- js/model/dinnerModel.js - is JavaScript file that contains the model code. The file contains the model (dish, ingredient and general dinner model) as well as methods and comments that you need to fully implement to support the dinner functionalities (guests, selected dishes, etc.)
- js/view/ - here you can find a JavaScript code of an example view. The view sets up some initial components and their values.
- js/app.js - this is the overall code of the application. It is responsible for initial setup of the app (when the page loads for the first time).
- images/ - folder contains some pictures you can use for your dishes
To start the webpage click the index.html file. Everything runs from that.
app.js builds the program.
dinnerModel.js stores all data like number of people, dishes(with ingredients and prices etc..). The observer class is in here.
Observers are used to perform modular updates of the webpage.
The view folder contains .Js files for each view. These views populate the webpage with new information upon interaction.
The controllers implement event listeners for the interactions. Controllers are found in Controllers.js.