Recipe Finder

Hey guys! I have been working a lot on the Recipe Finder. Here’s what I have done: I started off by starting the second page of the site. This is a platform where you can search the recipes you have, and based on the answer, the platform will give you a suitable recipe. The challenging part for this was that I couldn’t find an API that was free. To solve this problem, I had to input all of the recipes into an array and then use the filter and sort functions to see what ingredients from the query match the recipe. This was a little hard because inputting all of those recipes by hand was a little hard, but I was able to find a website that had these short recipes that I modified. Next steps would be to finish of polishing the whole website.

Hey guys! I have been working a lot on the Recipe finder. Here’s what I have done so far. I started off by finishing the first page by creating all of the styles. I wanted to go for a look that organizes the recipes into boxes, and the overall design should be pretty minimalistic. The only part of this that was challenging was trying to figure out whether I wanted a dark aesthetic or light aesthetic. After that, I also started the second part of the recipe finder, which would allow the user to be able to find recipes based on a list of ingredients they have. This is proving to be a little difficult because I can use the same API for this, but that limits me to only having one main ingredient, so I might have to look into another way to do such. Next steps would be to figure out a way to integrate multiple ingredients into the search query.

Hey guys! This is my first devlog for the Recipe finder. I wanted to make a website for finding any recipe on hand that would also be able to find videos as well as other sources for the food. For this, I knew I needed to use an API, so I started off by creating the first layout of the page. I decided to work on the styles after I got the logic of the website down. After the HTML setup, I moved onto the actual logic of the app. This was challenging for me because I had never used an API before, so I had to do some research before getting started. After that, I used localstorage to just load up an existing recipe. After this, I used the query function to actually start finding recipes. This was also challenging for me because I had to figure out where to implement the results from the API, which is where I learned to use the .join function for combining strings. Next steps would be to make the website look better, and maybe even add a seperate page for trying to make recipes using ingredients in your fridge.