Vendors Page Validation

[Dufuna-Fem]

IMPORTANT NOTICE!!!
For scholars on the old DOM tasks (e-commerce store), please see the link to the task Dufuna-CodeCamp/Dufuna-CodeCamp20#479 (comment)
Please use the PR title seen on the mobile app and not GitHub

For Scholars working on the FOODBAG eCommerce mockups, please proceed with the task below.
VENDORS PAGE Validation
As a customer, I want to be able to see food items on the Vendor page so that I can add food items to the cart or remove food items from Cart.

Success Criteria

1. Ensure your work is saved in a folder named Dom, this folder should be in the folder created for yourself inside the submission folder.
2. Ensure that a customer is taken to the Vendor page after selecting the location and interest https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=42%3A53
3. Ensure that on the Vendor page, customers can add food items to the cart

• Ensure the vendor page look like this when a customer add food items to the cart https://www.figma.com/file/qDRZt0susSQ5k4wEgB09hU/FoodBag-beginner?node-id=42%3A140
• Ensure that the cart on the navbar has a notification dot when food items are added to the cart
• Ensure that the color of the add to cart button for the food item selected changed to what we have in the design
• Ensure that the add to cart text is changed to Remove for the food item selected as seen in the design
• Ensure the Remove text color is changed to white.

4. Ensure that a customer can remove a food item that was initially selected by clicking the remove button for that food item.
5. Ensure that when all food items are removed, the notification dot on the cart on the navbar is removed.
6. On your terminal, ensure you are in the tests/Dom directory when you run ./test.sh command.
7. Please note that your PR will not be merged if the instructions are not followed