Regional Recipes

Inspiration

Our team was inspired by our newfound appreciation for cooking that we nurtured during the quarantine. We got very tired of eating the same food everyday and found ourselves frequently searching for new recipes. However, while doing this, we realized that there wasn't a single website that compiled all the recipes from around the globe so we set our minds out to accomplish this!

What it does

Our website allows users to easily access countless recipes at their fingertips. They have the choice of selecting a recipe through a form or directly searching by country. In the form, users are given the opportunity to select a country and the option of selecting between breakfast, lunch, dinner, and dessert. Afterwards, they can navigate back to the homepage and try another recipe.

How we built it

We used a combination of HTML, CSS, JavaScript, and Bootstrap in order to make our website. We divided tasks among ourselves and utilized google docs to stay organized. We also used Discord to communicate and make decisions as a team.

Challenges we ran into

Throughout our project we ran into several challenges. As beginner HTML, CSS, and JavaScript developers, we had to do a lot of research and trial and error to engineer our desired layout. We had issues trying to get our form to work correctly as well, but we managed to debug those errors while learning and gaining valuable experience.

Accomplishments that we're proud of

We are proud of being able to create a functioning website with multiple pages in a short period of time. We were able to create a form that filters recipes and takes you to different pages depending on your selections. We also were able to create a drop down menu so that users can view all the recipes for a certain country. During our time working on this project, we were able to gain a deeper understanding of web development.

What we learned

We learned many things while working towards creating a user friendly and helpful website for beginner or expert chefs! We learned how to center elements, the best color pallets to use when designing a website, how to add in a carousel and images into the top of a web page, and how to use and make reactive forms.