Skip to content

Personal project: A grocery list generator and meal planner application with user-friendly click-to-add and recipe reference list supported by relational databases (React, Node, Express, PostgreSQL, CSS)

Notifications You must be signed in to change notification settings

kaitlin-lovrich/Grocery-Guru

Repository files navigation

A comprehensive full-stack web application, caters to culinary enthusiasts by enabling seamless recipe browsing and automated grocery list generation through a simple click-to-add feature for desired ingredients. It ensures a streamlined user experience for adding and removing items from their grocery list.

Built with: React + TypeScript + PostgreSQL + ExpressJS + NodeJS + Vite

Deployed with: AWS

Tools: Figma + React Hooks + DBdiagram + favicon.io

Grocery Guru Walk through

Usage

  1. Click the link up above. You should be automatically signed in as me, Kait! If not, navigate to Login and click Continue as Guest.
  2. You will be redirected to your Grocery List page and you will see some ingredients already in your list!
  3. Click on Browse Recipes to browse through recipes.
  4. Click on any recipe's title to view the recipe's page or click the 🤍 icon to save a recipe to your Saved Recipes list!
  5. On each recipe's page, add an ingredient to your grocery list by checking the box next to each ingredient you wish to add.
  6. On your Grocery List page, you can remove all associated ingredients from a recipe by clicking the ✖️ icon on a recipe's card in the 'Recipe Ingredients Referenced` list.
  7. You can also remove ingredients by checking them off on your list and clicking the ✖️ icon at the top of the list.
  8. If you wish to add your own items to the grocery list, click Add Item and fill out the item form. You do not need to include the measurement.

Happy Shopping!!

About

Personal project: A grocery list generator and meal planner application with user-friendly click-to-add and recipe reference list supported by relational databases (React, Node, Express, PostgreSQL, CSS)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published