With Hashed you can create a shopping list, pantry list, and save your favorite recipes for later. Completed your grocery run? Add those items straight to your pantry. Running low on your favorite snack? One button click and it's back on the list. You can also add everything you need straight from your saved recipes to ensure you never miss an ingredient.
Brittani Ericksen: https://github.com/brittani-ericksen
Primary Team Role: Design
Contributions: Assisted with initial API setup and worked on design elements throughout.
Matthew Everett: https://github.com/Mjheverett
Primary Team Role: UI/UX
Contributions: Bulma enthusiast, layout and formatting guru.
Ryan Schniederjan: https://github.com/rynoschni
Primary Team Role: API integration & graphics
Contributions: Setup the API script for the Grocery and Pantry routes. Built the API auto-fill in the search to better guide users with their selections. Created the user profile page, route, and model for user to update their information. Created the logo, homepage and hero images.
Eric Schorling: https://github.com/willeschor
Primary Team Role: Database Routes
Contributions: JavaScript wizard. Built routes to connect pages and data throughout pages. Created DOM manipulation within each page to provide improved user experience and allow both frontend and backend worked together to update pages.
- Node.js
- Express
- PostgreSQL
- HTML5
- CSS
- JavaScript
- Bulma
- Add and remove items to a Grocery list.
- Mark items as completed while shopping.
- Recipe list to store and view ingredients and instructions.
- Recipe search by name and url.
- Move items between grocery and pantry lists.
- Add all items from recipe to grocery list.
- Edit quantities of items on grocery and pantry lists.
- Edit item names and units on grocery and pantry lists.
- Automatically merge quantities of the same items when added to lists.
- Recipe editing and creation.
- Nutritional information.
- User settings for fields to view.
- Recipe Sharing and/or community.
Challenge: Create a link between recipes and grocery list.
Solution: Set up a specific route to handle the movement of items to the grocery list. Connected the two areas through this link. All data is presented in a string so had to set up logic to parse the string into a usable version for the database and add each item properly. Also, ensured that data was population from recipe add to database by setting up string to build properly from array provided by API JSON.
Challenge: Create a solid DOM / Database interaction to make updating items easier on Pantry and Grocery lists.
Solution: Utilized DOM manipulation through Vanilla JS in a scripts file to create responsive design that added and removed elements as the user interacted with the page. Utilized forms throughout the page to collect data that was changed and send it back to the database. This required the use of some hidden fields and some additional logic to tie the updated data to the database without displaying unwanted data to the user.
