RecipeWizard

• 

  This is my website RecipeWizard

Inspiration

Something that inspired me is that I thought that an app that gives you a recipe based on your available ingredients would be very useful for busy morning when you need to get breakfast quickly. This app can very quickly give a step-by-step recipe which is much faster than finding a recipe online.

What it does

Recipe Wizard is a website that helps you easily decide what food to make and recommends a recipe based on the ingredients you have available.

How we built it

The first thing I did was I coded the format and the CSS exactly how I wanted it. I did the designing of the website and all the buttons first. After that I created the input boxes and the dropdown menus and added options in each dropdown menu. Then I did the main part, which was figuring out how to make the code display a certain recipe only when it included one or more of the ingredients the user inputed. After that I created another input box and the user can use it to add a new ingredients to the dropdown menu. Lastly, I debugged everything and made sure that every part of the code was working.

Challenges we ran into

A challenge that I ran into was creating the input box that a user could use to add to the dropdown menu because I could'nt figure out how to get it to work for some time.

Accomplishments that we're proud of

I am proud that I was able to design the code and format it nicely and by myself. I was able to use CSS to design my website and I think it looks really good.

What we learned

I learned a lot of Java Script and HTML that I did'nt know at first. For example, i learned about the Heading tags in HTML and how to do for loops and if statements in Java Script.

What's next for RecipeWizard

I think the next thing for RecipeWizard is to expand how many recipes it knows and I think I could add dietary options for each recipe that are personalized to the user.

Built With

• css
• html
• javascript