Grocery_helper

Grocery_helper


Description

A webapp that keeps track of your groceries list and shopping cart items.

Languages, Libraries & Frameworks

  • React
  • JavaScript
  • CSS
  • HTML

Setup

  1. Clone the repository to a local directory
  2. cd into the directory and run npm start to run the app in development mode
  3. run npm run build or yarn build to build the app for production

Screenshots

alt text

Live Demo

https://hungry-jennings-92ae10.netlify.app

Usage & Details

The goal of this webapp is to facilitate doing the groceries by keeping track of your grocery list as well as tracking the items in your shopping cart.

  • To add a new grocery item, fill the item’s name in the ‘grocery list’ top bar and press ‘+’
  • To add an item to your ‘shopping cart’, tap on the desired grocery list item
  • To add multiple items to your cart, tap the desired number of times on the desired grocery list item
  • To empty your cart, tap on the ’empty cart’ button in the cart’s top bar

Issues/ Missing Features

  • As a user i’d like to be able to edit and remove items from grocery list and shopping cart
  • As a user i’d like the possibility to manually enter item quantities
  • As a user i’d like an item added to cart to automatically or manually be grayed out from my grocery list
Visit original content creator repository https://github.com/NTielman/Grocery_helper

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *