Exercise
Grocery ListA GitHub Classroom Assignment
This assignment must be accepted on GitHub Classroom
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
Criteria | Pts |
---|---|
Grocery list is displayed with items arranged in categories | 5 |
Allow the user to create new items without a page refresh | 5 |
Allow the user to mark a item as completed | 5 |
At least one Vue component was used | 5 |
Total | 20 |
Submission
- Create a commit with the message "Completed the Grocery List Assignment"
- Push to GitHub
- 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.