Groceries

A web app for family groceries planning.

Development features

• MongoDB via mLab
• Node.js environment
• Express.js server
• Pug templates
• PostCSS and npm scripts CSS workflow
• Mail via nodemailer and a personal GoDaddy email acct

Feature planning

• save a list-in-progress

  add to a grocery list during the week when you think about / come across an item that needs to be bought on the next grocery run, recall it during sessions, then ultimately either send it or delete it.

• drop down selections for qty and purchase location in the grocery form

Dev notes

Styling <input type="checkbox">

Crazy how much work it takes to style a checkbox. Here are the links I read through and the solution I went with.

• Custom CSS Checkbox by Derek Morash (the solution I adapted)
• https://stackoverflow.com/questions/4148499/how-to-style-a-checkbox-using-css
• https://paulund.co.uk/style-checkboxes-with-css
• https://css-tricks.com/the-checkbox-hack/

DB migration

Migrated from mLab to Mongodb.com, January 2021.