-
-
homepage
-
recipe breakdown
-
recipe breakdown - hover over zest
-
search
-
search result - mince
-
keywords
Inspiration
We love food! And cooking--but sometimes it gets hard to read recipes, especially with all the fancy terminology.
What it does
Our website, Recipe Decoder, allows you to input any recipe you want and decodes it for you! The commonly confusing cooking terms are underlined, and you can hover over them to see what they mean. For your convenience, we’ve also included a keyword search function and a compiled dictionary of recipe terms. But most importantly, our website offers you the luxury of visually pleasing designs and transitions.
How we built it
HTML, CSS, Javascript
Challenges we ran into
It took a while to figure out how to underline and allow hovering/popups for only the keywords in the HTML paragraph, and also was difficult to implement the Google API.
Accomplishments that we're proud of
We are proud of the default text in the text box/search bar disappearing when you click into it :) Also the scroll on the home page.
What we learned
We learned how to use HTML CSS and Javascript better! We also learned from each other and it was a nice first hackathon :)
What's next for Recipe Decoder
Implementing an API that contains more keywords so our website can be more useful!
Log in or sign up for Devpost to join the conversation.