Sousmate is an interactive user friendly website that works with the MealDB API to send users recipes in a step by step manner upon request. You can find the MealDB API here, https://www.themealdb.com/api.php. It has a timer the user can set to measure the time needed to complete specfic steps of a recipe.
This project was initally assigned to me by Revature through its RevaturePro online program you can find here, https://revature.com/learn-to-code/. As I worked more on the project, I decided to go above and beyond and add my own unique touches to it. Ultimately, the ending project was very different from the one that they initially assigned. I first designed the webpages based on the wireframes they provided me but I later sketched my own wireframes through paper. I made menubar.css to give the overall styling of the webpages for Sousmate.
the cookAPI.js randomly inputs meal titles and images to the Sous News Page. Also if you click on the "Go to recipe" button, you can access it on the Sous Recipe Page
recipeInstruc.html is the Sous Recipe Page that displays recipes the user requested or clicked on
SousHome.html is the Sous News page displaying pictures of random recipes the user can click on to find out the recipe of
SousIndex.html represents the home page of the website
timer.html Sous Timer Page that allows user to measure an amount of time that they have set. It behaves like a stop watch
Contactold.html is the Sous Contact page I plan to update this. I designed a wireframe in PowerPoint to outline the new design of the contact page.