Individual/Pair Evaluation on Create Task Project- Aadya (5pts)
[x] Wiki/Jekyll page with design ideas and usage - I used a WIKI page to document all the progress while making the project. It also includes the pseudocode, outline, and all the CB requirements.
[x] Create Performance Task PBL feature - The memory activity is suited to our food website, as it is a waiting room game for kids when they are bored. Additionally, the food layout/theme is extended, with the navbar included.
[x] PBL theme consistent through project and described in Github Pages
[x] Sassy / Bootstrap
[x] Blueprint illustration/demonstration with calorie pages
[x] CRUD Async Operation - runtime and understanding of JavaScript and Fetch
[x] Individual PBL MVC feature/commits showing algorithms written in JS/Python
Aadya's MVC: Personalized CRUD to food. Additionally, the HTML calorie counter page and python calorie counter pages for each restaurant (chipotle, chickfila, paneera, subway). Here is the commits for the calorie pages. The calorie counter page holds JSON lists about the food sold in each restaurant (model), with HTML buttons for each restaurant (view). When clicked on the button, a random food item with the appropriate calorie for it is displayed (control)
Athena's MVC: Snake Game. An example of the "view" of the snake game is that in the snake game, the initial canvas (game board) is displayed to the user. Furthermore, the motion of the snake is also an example of the view since it is presented to the user. The "control" is done through the arrow keys: when the up key is clicked, the snake turns upward. When the arrow keys are clicked, the motion of the snake and the position of the snake, stored in the "model" is changed. Therefore, the control is a communication between the view and the model. This change is then reflected onto the view of MVC, and, as a result, the players sees the snake moving in a different direction.
Gaurish’s MVC: Mad Libs Generator: The View for the generator is the user input for the various verbs/adj/ nouns etc. This creates a list of possible options that the MC can later use. The controller in this model is the fact that these imputed variables are stored and are later displayed accordingly as to make a sentence that actually works. As such, the user input is able to be combined with the list of phrases to generate the ultimate product in terms of the Model. The model allows a randomly generated sentence, using that person’s input. As such, it updates the sentence to reflect the input of the various users. As such, the Mad Libs generator is a great example of a MVC, different from my contemporaries.
Siya's MVC: The menus page has various options for restaurants. The information that holds this is model. The view is the HTML dropdown menu, that allows the user to click to a restaurant. Lastly, the control is the communication between the two: when a certain restaurant is clicked, the appropriate page is linked.
Karthik MVC Light and Dark Mode: The view is the user clicking the button, which displays light or dark. The model is the code that is for light, and for dark. And when you click on the button, it accesses the appropriate code. This makes it the control.
Individual/Pair Evaluation on Create Task Project- Aadya (5pts)
Individual/Pair Evaluation on Create Task Project- Gaurish & Athena (5pts)
Individual/Pair Evaluation on Create Task Project- Karthik & Siya (5pts)
Team Final Grading Considerations - 5 pts
Aadya's MVC: Personalized CRUD to food. Additionally, the HTML calorie counter page and python calorie counter pages for each restaurant (chipotle, chickfila, paneera, subway). Here is the commits for the calorie pages. The calorie counter page holds JSON lists about the food sold in each restaurant (model), with HTML buttons for each restaurant (view). When clicked on the button, a random food item with the appropriate calorie for it is displayed (control)
Athena's MVC: Snake Game. An example of the "view" of the snake game is that in the snake game, the initial canvas (game board) is displayed to the user. Furthermore, the motion of the snake is also an example of the view since it is presented to the user. The "control" is done through the arrow keys: when the up key is clicked, the snake turns upward. When the arrow keys are clicked, the motion of the snake and the position of the snake, stored in the "model" is changed. Therefore, the control is a communication between the view and the model. This change is then reflected onto the view of MVC, and, as a result, the players sees the snake moving in a different direction.
Gaurish’s MVC: Mad Libs Generator: The View for the generator is the user input for the various verbs/adj/ nouns etc. This creates a list of possible options that the MC can later use. The controller in this model is the fact that these imputed variables are stored and are later displayed accordingly as to make a sentence that actually works. As such, the user input is able to be combined with the list of phrases to generate the ultimate product in terms of the Model. The model allows a randomly generated sentence, using that person’s input. As such, it updates the sentence to reflect the input of the various users. As such, the Mad Libs generator is a great example of a MVC, different from my contemporaries.
Siya's MVC: The menus page has various options for restaurants. The information that holds this is model. The view is the HTML dropdown menu, that allows the user to click to a restaurant. Lastly, the control is the communication between the two: when a certain restaurant is clicked, the appropriate page is linked.
Karthik MVC Light and Dark Mode: The view is the user clicking the button, which displays light or dark. The model is the code that is for light, and for dark. And when you click on the button, it accesses the appropriate code. This makes it the control.
[x] Runtime Features shown in 1 min video