Grocery List Exercise

A GitHub Classroom Assignment

This assignment must be accepted on GitHub Classroomopen in new window

Objective

Use what you know about Vue Directives and Vue Components to create the Grocery List web application that will display a list of groceries under different categories.

Requirements

The following requirements must be met in order to complete the assignment successfully:

  • The grocery list must display the list of groceries under their specific categories. You can create your own categories or use the list below.
  • When the page load a list of grocery items should be displayed. You will need to the initial array of items. The list should contain at least 3 items.
  • The user should be able to add new items using a form on the page
  • The user should be able to cross out items
  • At least one vue component must be used.

List Categories

The following list is for your convenience, but is not required to be used.

  • Bakery
  • Beverages
  • Baking Goods
  • Canned Goods
  • Dairy
  • Frozen Food
  • Meat
  • Other
  • Pantry
  • Produce

Examples

Rubric

CriteriaPts
Grocery list is displayed with items arranged in categories5
Allow the user to create new items without a page refresh5
Allow the user to mark a item as completed5
At least one Vue component was used5
Total20

Submission

  1. Create a commit with the message "Completed the Grocery List Assignment"
  2. Push to GitHub
  3. Submit the URL to your GitHub Repository to the Grocery List assignment on BrightSpace

Plagiarism Honor Code

By making the submission you also agree to the Algonquin College Student Attestation of Academic Integrity below:

I hereby declare that the work I submit throughout the duration of this course/program will be my own work.

I understand that plagiarism, whether done deliberately or accidentally, is defined as presenting someone else’s work, in whole or in part, as one’s own, and includes the verbal or written submission of another work (for example, ideas, wording, code, graphics, music, and inventions) without crediting that source. This includes all electronic sources (for example, the Internet, television, video, film, and recordings), all print and written sources (for example, books, periodicals, lyrics, government publications, promotional materials, and academic assignments), and all verbal sources (for example, conversations and interviews).

I understand that the facilitation of plagiarism, that is, one student sharing his or her work with other students, is also considered an act of plagiarism.

I understand that contravening Algonquin College Policy AA 20 - Plagiarism will result in an academic sanction(s) as described in this directive.