1(use graphql for this lab).Design the web application. Up to 10 marks will be given for design. This application must help you build a simplified shopping list. A more sophisticated application would include selecting which store to shop at, harvesting prices from internet flyers, and so on. For our purposes, assume it is grocery shopping only. Here are some design requirements and considerations: Your application must have a list of aisles, sections, or types of items. Examples are fruit, vegetables, beverages, staples (bread, eggs, milk, oil, and so on). Include whatever you feel is necessary for this type of application. Consider the number and type of aisles that should be included. You need a list of common items, such as 2% milk, skim milk, and so on. For the purposes of this lab, create a list of at least 10 common items. Do not include details like specific brands names for this list. You should have a field for size for some items. For example, 1L, 500mL, and so on for Coke, water, or other liquids, and 100g, 200g, 1kg for weighable items. You should have a field for quantity so the user can enter how many of each item they want. In the design, consider how users can combine the last two items on the list above. For example, if they wish to put six bottles of water that are 500mL each, or two 240g packages of BBQ chips. Producing the list: The second function your application must do is to produce the list of items, sorted by aisle, section, or type. Here are some examples: Fruit: o 6 Apples o 4 Oranges o 2 Bananas Vegetables: o 1 Romaine Lettuce o 3 Green Peppers Consider what else you would like in a grocery shopping list application. For example: How can you save a list and bring it back when an app is restarted? Will you allow users to create multiple shopping lists, like Things I need to make Chana Masala or My favourite Pizza list? Can users merge lists? For example, can they create a list for one shopping trip to gather ingredients for chana masala and pizza. How will you handle a user who accidentally lists an apple as a vegetable and wants to go back and fix their mistake? NOTE: Make sure to add a wish list section of things you are not implementing right now, but that you think are good for a future improvement. This could include things like brand names, adding prices, the ability to scan bar codes, and so on.

2.Choose the Libraries and Framework. Up to 5 marks will be given for this section. Identify the toolstack, framework, and any special libraries that you will use to implement your solution.

3.Implement the Application. This section is worth 25 marks. Implement the web application. Consider how you are handling your saved lists and how you are handling entry and display.

4.Provide your text strategy and test cases. Up to 10 marks will be awarded here. Design a testing strategy to make sure that your list works. Consider all the stupid things that users do and what might be needed.