Pane & Olio

Pane & Olio is the ultimate cooking app.

Recipe search
Cookbook
Ingredients substitutes
Fill your grocery list and send it by text or mail
Retrieve the list of closest grocery stores
Social authentication
UPDATE! Search recipies with Google Home/Assistant

Background

Pane & Olio is the 4th project as student at General Assembly

Goals

The purpose of this project is to apply and integrating all the knowledge, tools and techniques learned during the Web Development Intensive program.

Use Pane & Olio

https://pane-and-olio.herokuapp.com

Specifics

The application's architecture solves the following probelms:

Authentication: The authentication system is managed by a third party API "auth0" holding its own remote database, the first challenge was integrating the local MongoDB database and keeping it constantly synchronized with authentication actions.

Data retrieving: The database stores only the necessary references to effectively retrieve the correct data from the Food API. The challenge was relating the stored references and the user preferences with the incoming data and displaying it accordingly.

Visualization: The front-end was built with React-JS allowing the separation of concern for every specific component. The challenge was integrating the user interaction, the data store in the database and the data incoming from the external API in a cycle of: Interaction > Fetching > Storing > Returning > Display. Every active component communicates both with the API and the DB allowing the user to interact with the retrieved data and retain those data making it available later.

Voice Control A vocal search can be triggered using Google Home or Google Assistant. The device collect the voice input, google Dialog flow AI tranlate into a string and Google Cloud server send the JSON file through a post request to my server. In the route a websocket send the parsed JSON file and sent to the React Client which call the recipe API with the resulting string.