Grocery Store App

Connect with me or view the application live:

Contact me on Twitter at @tamsauce or LinkedIn at @tami_hughes

Click here to see the app in action.

Images of App:

[]

Full Stack, responsive, Grocery Store CRUD app.

• Database -MongoDB
• JavaScript
• NodeJs
• Express
• EJS
• Mobile Friendly

Features

• Add items you need from the store by department
• Cross off items as you find them in the store
• Delete items you no longer want on your list
• Input fields include - store item, quantity needed and size
• Size field is a dropdown with pre-selected options
• Export documents as Markdown, HTML and PDF
• Includes a remaining tally for each department

The overriding design goal for this app was to allow users to shop by department rather than having to zig zag back and
forth through isles.
The remaining feature allows the users to quickly see how many more items they have left to pick up before moving on to the next section of the store.

Tech

Grocery Store App uses a number of open source projects to work properly:

• MongoDB - HTML enhanced for web apps!
• Twitter Bootstrap - great UI boilerplate for modern web apps
• node.js - evented I/O for the backend
• Express - fast node.js network app framework

Installation

App requires Node.js v14.16.0 to run.

Install the dependencies and devDependencies and start the server.

cd WholeFoodGroceryListFinal
npm i
node server

For production environments...

npm install --production
NODE_ENV=production node app