An application for users to create custom grocery lists based on the stores where they shop. They can search for stores in their area or enter a custom store. The user can also share lists with friends and family that they connect with.

• View Application
• Front End Repository
• Back End Repository

• 1.2.5
  • Home page redesign
    • Created custom svgs to demonstrate the application
    • Reduced text by 50%
  • Option to filter current list items by their in-cart status
  • Reduced the length of time toast notifications remain on-screen for mobile devices
• 1.2.0
  • Dark mode option saved in database
  • Navbar options placed on footer for mobile
  • User can add items to their list while their device is offline
  • Phone field added to user settings
  • Autocomplete feature for list items
• 1.1.0
  • Dark mode option
  • Forgot password options
  • Cookie storage for faster user authenication
  • PWA option for better performance on mobile
• 1.0.0
  • Users can sign up and create lists
  • Users can share lists with other users that have signed up

1. "As a user, I want to create grocery lists and specify where I'll buy and how urgently I need each item."
2. "As a user, I want to filter by store when I go shopping."
3. "As a user, I want to connect with friends and family members to send and receive grocery lists."

• Implement swipe feature for mobile
  • Swipe right on a item to mark it complete, swipe left to delete it
  • Swipe across tabs for viewing stores, viewing lists and creating lists
• Add scan barcode option for a user to add to their list
• Allow users to share a list, update the purchased status and mark as completed in real time

1) HTML/CSS
2) JavaScript/ES6
3) React
4) Node
5) Express
6) Moment
7) SASS
8) React Beautiful DND
9) React Reveal
10) React Textfit
11) Shards React
12) Validator
13) Axios

1) Express
2) Axios
3) Bcrypt
4) CORS
5) Mongoose
6) MySQL
7) Nodemailer
8) Moment
9) Validator
10) Node

• Clint Brodar

Copyright © 2020 Clint Brodar All Rights Reserved