Jupyter Notebook

Let us give you a brief overview of this awesome tool called Jupyter Notebook.

Transcript

1. Food Mood Group Nine: Harsh Mehta, Paras Gaba, Dorian Bizgan, Rustin Rassoli
2. Problem? Cookbooks often are cluttered and overwhelming 01 A physical book is not very convenient since it can be damaged and get messy very easily 02 You don’t have the option to update your cookbook 03
3. Solution: Food Mood It has never been easier to look for recipes! You can look for recipes by categories and cuisines and by directly typing the name of the meal. The website is hosted on GCP and following is the link to the website: https://food-mood-ae.uc.r.appspot.com/
4. Data Source We had to ensure the recipes from the API we were going to use were both easily accessible, easy to create, and quite cost efficient. This combination proved difficult as many API’s specialized in more expensive and luxurious dining. The API that was perfect for us was: https://www.themealdb.com/api.php. This API was free, easy to access, and incredibly easy to navigate, and we found that the meals that they provided were cheap and easy to make.
5. Pages Pages on our website: Food Mood (home page), Meals, Categories, Cuisines, About. One can navigate between the pages by simply clicking on the title in the nav bar on the top.
6. Home page The splash page incorporates different Bootstrap elements like nav bar, sliders, cards etc. Under the sliders, the meal cards show the top 6 meals on our page. The images are clickable and directly takes the user to the page that displays the ingredients and instructions required to prepare the meal.
7. Meals The Meals page shows you what kind of meals are available on the website. You can look for any meal by typing the name in the search bar. The meals are arranged in a sortable table and user has the choice to skip to any page Again, clicking on any meal name will lead to information on the meal.
8. Categories But what if you are in the mood to explore today? All you know is that you want to make pasta To see all the meals under that category, simply go to search bar on the categories page and search for ‘pasta’. Once you click on that category, it will show you all the meals under that category. 01 02 03
9. Cuisines Similarly for cuisines, all you know is that you want to make Indian food. Well it is as easy as clicking on Cuisines and looking for ‘Indian’ in the search bar. The plethora of meals then are just one click away!
10. Database set up • Entity relationship diagram • IdMeal is the primary key • 1:1 relation between all the tables using idMeal
11. SQl-Alchemy There are 6 tables: meal ingredients, meal name, meal area, meal category, meal image, and meal instructions. Extensive use of joins and filtering to avoid maintaining large datasets Examples: meals = db.session.query(Meal_Name).join(Meal_Area, Meal_Name.idMeal == Meal_Area.idMeal)
12. Stats Name Commits Unit tests Issues Harsh Mehta 42 2 15 Dorian Bizgan 25 2 13 Paras Gaba 23 2 13 Rustin Rassolli 4 4 5
13. Critiquing our website We can improve on the theme of our website to present the information in a better way. We could also link category and cuisines. We learnt a lot about front end, back end and how the two work together. For most of us, this was our first project with so many dependencies and we realized how hard it can be to work on such a project. Instead of maintaining large tables on all the pages, we used joins to break the large tables into smaller ones thus making the website faster and more efficient. We are puzzled about automation of changes. It often gets very tedious in HTML to make changes and wanted to explore some tools that can help us with that.
14. Critiquing Group 10: Cityhunt A great pagination and sorting feature is implemented on all the pages.. Clicking on a city leads to a page with brief statistics of the city as well as some restaurants in the area. We can learn a lot from the way they have implemented the sorting feature. The group has put in a lot of effort and it really shows. The tables are a great way to present information and the color combinations make the website look very simple and yet elegant. Only constructive criticism is to improve the search functionality on the pages.
15. Demo