Grocery Grabber is a web application built using HTML, CSS, and JavaScript. It allows users to create and manage their grocery list using browser local storage. The application also includes a recipe page where users can quickly add predefined ingredients to their grocery list.
To use the Grocery Grabber application, simply go to the link for deployed website in your web browser. The application does not require any additional installations or dependencies.
Grocery Grabber offers the following features:
-
Grocery list management: Users can create and manage their grocery list using browser local storage. They can add and remove items from their list, as well as mark items as completed.
-
Recipe page: The application includes a recipe page where users can quickly add predefined ingredients to their grocery list. They can choose from a list of popular recipes, or create their own custom recipe.
-
Responsive design: The application is designed to work on desktop and mobile devices, with a responsive layout that adapts to different screen sizes.
Grocery Grabber was built using the following technologies:
- HTML
- CSS
- JavaScript
Grocery Grabber is released under the MIT license. See LICENSE for more information.
We used Figma to create the wireframe for the Grocery Grabber application. The wireframe is shown below:
We used InVision App to create the domain model for the Grocery Grabber application. The domain model is shown below:
We used Monday.com to manage the project for the Grocery Grabber application. The project management board is shown below:
