For project 2 we had to create a fullstack CRUD app. Wait Lisa, didn't do you that all last week? Yea! That was to prepare us to do it on our own. So here it is...Now We're Cookin'.
I came up with the idea for the site because I don't happen to be a very good cook. One of the reasons I don't get into it much (besides the fact that all my time is spent learning to be an awesome developer) is because I never have any idea what to make! So I decided to make a recipe app where users could add recipes to my database so I could try them out and learn to cook. Besides, when I go to parties and barbecues this summer and that one aunt makes a delicious fried rice or corn soufflé, I can just text her the link to my app, get the recipe, and recreate it whenever I want. And since it's on the web, you could try it too!
Once you're on the home page, you can click the add button in the nav baer where you're prompted to enter an image url for your recipe (I haven't completely figured out saving images to my database), the title, author, category, dynamically add ingredients as needed by pressing the add ingredient button, and enter the directions in the text area on the bottom.
And there you have it, Crepes a la Lois Griffin!
On the individual recipe page you can view all the info you added and choose to edit it if there's a mistake. The edit page looks just like the add page except all the inputs pre-populate with the information from the database.
You can view all the recipes on the recipes index page and choose to view more info on a particular one.
And if by chance my database doesn't have anything that tickles your fancy, you can go to the search page and enter any ingredient. There, thanks to the Edamam Api, you can get a list of recipes from third-party sites that use that ingredient.
This project was equal parts challenging and fun.
Check it out here.
~ Lisa Lou
No comments:
Post a Comment
Let me know what you think....