Skip to content

carablythe/YourPantryfrontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

"Your Pantry" Full-stack Application by Roc Taylor and Cara Phillips

Initially SEI Project 3, March 2022 (with many updates to the backend and a few CSS changes on the frontend in November 2022)

APP URL: https://yourpantry.onrender.com backend data: https://yourpantryrecipes.onrender.com

GitHub frontend:https://github.com/carablythe/YourPantryfrontend backend: https://github.com/carablythe/YourPantrybackend

OVERALL APPROACH TAKEN: An app for people to browse recipes by main ingredients, add their own recipes to the collection (edit, delete, etc.)

TECHNOLOGIES USED: React, Express, Mongoose, Javascript... There is no seed file because the data is partially generated by us to start with and then mainly user-generated.

SUCCESSES: The app is really straight-forward, so achieving MVP was easy and an early success. However, we wanted some added features such as having the edit form allow for partial edits of the recipes and be inside the recipe card, for users to add links to recipes and/or directions, and for the cards to be hidden and reveal upon onClick one at a time. So it took a little longer to achieve these, but we did. Getting the add recipe form to clear upon submission and the edit form to already have the current data in the entry fields to be adjusted accordingly were also challenging, but we managed it!

CHALLENGES: Getting deployed on Heroku was a lot more complicated this time with both frontend and backend and two apps for each, two GitHub repositories, etc. The first two days involved getting it all set-up, and we ended up not following the markdowns exactly in order to get everything to work. After that we could focus more on the app functionality, content and design.

UNSOLVED PROBLEMS:

  1. User authentication (registered, log in, log out, profile page, and permission to edit and delete ONLY the recipes they've made)
  2. sorting list of recipes alphabetically (THIS WAS SOLVED November 2022 by putting .sort((a, b) => a.dish.localeCompare(b.dish)).map((recipe, index) before the .map of recipe data and after the filter for the query in the app.js file)
  3. multi-word search capability

STRETCH/FUTURE GOALS:

  1. Above Unsolved Problems + the below:
  2. Getting an external API set up for queries
  3. Adding likes and comment features
  4. CONTENT-WISE: Getting all of my (Cara's) recipes and photos up to share with people when they ask how I made this or that, in both English and Japanese

NOTE: This map was also moved from Heroku to Render in November 2022, on both frontend and backend.

PHOTO CREDITS from https://unsplash.com/: Thanks to Andre Taissin for the knife image, Servey Kotenev for the cutting board image, and Annie Spratt for the pantry background image.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published