Find My Allergens

Abstract

[ES]Este trabajo de fin de grado se enfoca en el desarrollo de una plataforma de reconocimiento de alérgenos en productos alimenticios y en platos de establecimientos de alimentación tales como bares y restaurantes. Esta página web está diseñada para ser utilizada por distintos tipos de usuarios tales como personas alérgicas o bares y restaurantes en dispositivos de diversa índole, como ordenadores tabletas y/o teléfonos inteligentes. La tecnología utilizada se orienta hacia el desarrollo de aplicaciones web progresivas que permiten integrar toda la funcionalidad de las aplicaciones nativas, pero ejecutándose en nuestros dispositivos sin ocupar espacio, ya que funcionan sobre una aplicación ya instalada como es el navegador.Para enfrentar este trabajo se ha utilizado Vue, un framework de JavaScript muy versátil que permite conjugar HMTL, CSS y JavaScript junto con propiedades reactivas permitiendo actualizaciones instantáneas entre componentes. Complementando a Vue, se ha elegido como servidor de base de datos Firebase, una base de datos en la nube que nos permite almacenar datos, archivos, … y autenticar a nuestros usuarios de una manera sencilla. Además, Firebase pone a nuestra disposición un servidor donde podemos subir nuestro trabajo y compartirlo con el resto de la red.

[EN]This end-of-degree work focuses on the development of a platform for the recognition of allergens in food products and in dishes from food establishments such as bars and restaurants. This website is designed to be used by different types of users such as allergy sufferers or bars and restaurants in various devices such as tablet computers and/or smart phones. The functionality of this platform ranges from scanning products and finding appropriate restaurants for users, to downloading menus and dish reports. The technology used is oriented towards the development of progressive web applications that allow the integration of all the functionality of the native applications, but running on our devices without taking up space, since they work on an already installed application such as the browser. To face this work we have used Vue, a very versatile JavaScript framework that allows to combine HMTL, CSS and JavaScript together with reactive properties allowing instantaneous updates between components. Complementing Vue, Firebase has been chosen as a database server, a cloud database that allows us to store data, files, ... and authenticate our users in a simple way. In addition, Firebase provides us with a server where we can upload our work and share it with the rest of the network