This app is a MERN Stack Recipe App that allows the user to create and log in to their own account.
The User can simply sign up and log in by choosing a username and password of their choice. After doing so, the user can navigate to the Create recipe page and the user can start making their recipe at that moment, by filling out the form provided. The form includes various inputs being, including recipe name, ingredients, description, cook time, instructions, and an image URL of the recipe.
Once the recipe has been created, the user will be redirected to the home page, where all recipes they've created will be displayed.
The inspiration for the creation of this app came from my love for cooking, which has been a part of my life for many years, and I don't ever see this passion going away any time soon. I see cooking as a way of relieving stress, especially when you are making something new. I look for different recipes to make almost every week, I now have a place to store them, as well as any other user who decides to utilize this web application.
The technologies used to create this app include React.js, Axios, Mongo Atlas, Tailwind CSS, Node.js, Express, Bcrypt, React Cookies, JWT, Cors, Insomnia, and Postman.
There is one bug included in this application, which is the save button feature, which would allow the user to save any recipe that they might have created. When clicking the save button on the recipe, the app crashes completely.
A separate Register and login page will be created so that both forms are not on the same page. Once a User has registered their own account, they would then be redirected to the login page and prompted to enter their credentials.
Registration fields don't clear when the form is submitted.
The Vercel link does not return API information. Currently working to fix the issue.
Some features that will be coming soon, will include editing and deleting any created recipes by the user. As well as delete ingredients inputs when creating the recipe, if too many are clicked.