A user based fullstack web application that allows login and personal saved recipes.
Users can view recipes that are populated from a seeded database and pick and choose which recipes to add to thier own personal list. Users also have the ability to add and modify thier own recipes for a convient way to store great recipes that are available at anytime. Link to project: https://scarlet-elk-gown.cyclic.app
**Tech used: HTML, CSS, JavaScript, React, MongoDB, Express, Bootstrap, Node.js
Full CRUD is ustilized in app. Each page is comprosed of react components and uses app context where it makes sense. Most states where set by context and a few function that were more globally used. The database was seeded using Mongo Atlas and node. Each page diplays object from database using arrays methods such as Map and Filter using react states. Auth was done by creating models of users and setting cookies and sessions. Personal recipes were done by references User and Recipe models.
Search bar using Filter and a deep clone to be able to iterate through the list of recipes for easier access to favorites. Google Login with gapi auth to make everything feel a little more comfortable and ease of use.
Auth is really a straight forward process. Once everything is set up correctly, the app can be used and redirected accordingly. A good user flow is important to avoid confusion. The app should be simple, yet useful and efficient.
Take a look at these couple repos that I have in my portfolio:
Professional Portfolio: https://levi-milli.netlify.app/
CryptoTrove https://github.com/LeviMilli/CryptoTrove
MewTwo's Mad Dash Canvas HTML game: https://github.com/LeviMilli/mewtwo-game
Codewars updated daily: https://github.com/LeviMilli/Codewars