-
-
Login Page
-
Add a Recipe Page
-
Example of our Search Page with the input of asparagus
Inspiration
Sometimes it hard to think about what meal to cook from the top of our heads. So our website helps user organize their favorite recipes either from online or from their family. This way, they can have food inspiration with the click of a button.
What it does
Our website allows users to create their own digital cookbook by extracting recipes from the Tasty website or inputting their own family recipes. Users are able to search for recipes based on search term they enter. Our website returns the first five results related to the search.
How we built it
We used Python and Flask to extract data from the Tasty API. We use MYSQL, Google Cloud, and Java to host and use the database for the relevant login and recipe information. We then used HTML, CSS, and JavaScript to format the front-end of our website.
Challenges we ran into
We were able to successful dividing tasks by people's abilities, however, everyone was comfortable with completing their tasks using different programming languages. As you can see in the code, we retrieved data from the Tasty API using Python and accessed the database using Java Servlets. We had to figure out how to use JavaScript as a median to transfer data to and from the database.
Accomplishments that we're proud of
We are proud of figuring out how to use Flask to send JSON data from the Tasty API to our website html files. Because we were able to figure that out, we could update the images and recipe names to our search page successfully. We are also proud of learning how to connect a MySQL database to Google Cloud so that the database was no longer hosted locally.
What we learned
We learned how to use Javascript to make our webpages dynamic instead of static. We were able to learned how to organize all of the data from the API and format for the purposes of our website.
What's next for Recipes With Love
We hope to implement a feature so that when we click any of these images it will bring us to a single recipe page (formatted as such) that would display all of the ingredients and instructions as well as other information like rating, description, serving size, and cook time. We also hope to implement a save button which will save that specific Tasty API recipe to your account. This way the next time you log in, you will find all of your favorite recipes.
Log in or sign up for Devpost to join the conversation.