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:
- User authentication (registered, log in, log out, profile page, and permission to edit and delete ONLY the recipes they've made)
- 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)
- multi-word search capability
STRETCH/FUTURE GOALS:
- Above Unsolved Problems + the below:
- Getting an external API set up for queries
- Adding likes and comment features
- 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.