Mapa interactivo de direcciones orgánicas y responsables a mi alrededor

CREAR UNA APLICACIÓN WEB

‍

Finglefood es una aplicación de alimentación saludable que enumera a los actores responsables con el medio ambiente en materia de alimentos limpios que te rodean. Antes de la aplicación web, solo había una aplicación nativa para iOS. Para ampliar el alcance de la aplicación, creamos la aplicación web y el sitio de presentación de Finglefood a partir de modelos de Figma creados por un diseñador de interfaz de usuario y experiencia de usuario, respectivamente, bajo los subdominios app.finglefood.com y www.finglefood.com. La transición de una infraestructura a otra es Sin costuras y se realiza sin ninguna interrupción para el usuario.

‍

Para desarrollar la aplicación web Finglefood, utilizamos las últimas tecnologías modernas, incluidas Vite, ReactJS y Typescript, que conectamos al back-end de Ruby on Rails existente. Vite es una herramienta de creación rápida para aplicaciones web modernas que permite un desarrollo más rápido y una experiencia de desarrollo más fluida al admitir las funciones más recientes de JavaScript. ReactJS es una popular biblioteca de JavaScript para crear interfaces de usuario, que ofrece una gran flexibilidad y permite la actualización dinámica de los componentes de la aplicación. Typescript es un superconjunto de JavaScript que ofrece una verificación de tipos estáticos para mejorar la seguridad y la solidez de las aplicaciones.

‍

La aplicación web Finglefood consiste en un mapa interactivo (Mapbox) que enumera las direcciones de Finglefood en forma de puntos, lo que permite al usuario buscar direcciones cercanas a su ubicación o la dirección que elija, pero también encontrar una dirección por nombre. A continuación, el usuario puede consultar los detalles de una dirección a través de una página específica, obtener más información sobre el lugar, pero también consultar el horario de apertura, acceder a sus redes sociales o ver sus etiquetas.

‍

También utilizamos Vitest para probar el código de la aplicación web Finglefood. Vitest es una biblioteca de pruebas rápida y ligera para aplicaciones web modernas que permite probar el código de forma eficaz y, al mismo tiempo, proporciona una experiencia de desarrollo rápida y fluida. Es compatible con las funciones más recientes de JavaScript y TypeScript, lo que facilita la creación de pruebas para garantizar la calidad del código.

‍

CREACIÓN DE UN SITIO DE EXHIBICIÓN

‍

El cliente puede personalizar el sitio de presentación a través del CMS Webflow. Webflow nos permitió crear un sitio web moderno, elegante y fácilmente personalizable por parte del cliente, sin necesidad de conocimientos de desarrollo web. El sitio presenta Finglefood, redirige a la aplicación iOS o a la aplicación web, ofrece recetas y entrevistas con personalidades de Finglefood.

‍

Por último, es importante tener en cuenta que tanto el sitio de presentación como la aplicación web de Finglefood son adaptables, lo que significa que están optimizados para adaptarse a todos los formatos de pantalla, ya sea un ordenador de escritorio, portátil, tableta o teléfono inteligente. Esto permite ofrecer una experiencia de usuario óptima, independientemente del dispositivo utilizado para acceder a la aplicación.

‍

Estamos encantados de haber podido contribuir a la creación de Finglefood y estamos convencidos de que esta aplicación ayudará a muchas personas a encontrar actores eco-responsables en materia de alimentos limpios cerca de ellos.