Interactive map of organic and responsible addresses around me

CREATING A WEB APPLICATION

‍

Finglefood is a healthy eating application that lists the eco-responsible players in clean food around you. Before the web application, there was only one native iOS application. To extend the scope of the application, we created the web application and the showcase site for Finglefood from Figma models created by a UX/UI designer, respectively under the sub-domains app.finglefood.com and www.finglefood.com. The transition from one infrastructure to another is Seamless and is done without any interruption for the user.

‍

To develop the Finglefood web application, we used the latest modern technologies, including Vite, ReactJS, and Typescript, which we connected to the existing Ruby on Rails back-end. Vite is a rapid build tool for modern web applications that allows for faster development and a smoother development experience by supporting the latest JavaScript features. ReactJS is a popular JavaScript library for creating user interfaces, which offers great flexibility and allows dynamic updating of application components. Typescript is a superset of JavaScript that offers static type checking to improve application security and robustness.

‍

The Finglefood web application consists of an interactive map (Mapbox) that lists Finglefood addresses in the form of pin-points, allowing the user to search for addresses close to their location or the address of their choice, but also to find an address by name. The user can then consult the details of an address through a dedicated page, learn more about the place but also consult the opening hours, access their social networks or view their labels.

‍

We also used Vitest to test the code for the Finglefood web application. Vitest is a fast and lightweight test library for modern web applications that allows code to be tested effectively while providing a smooth and fast development experience. It supports the latest JavaScript and TypeScript features, making it easy to create tests to ensure code quality.

‍

CREATION OF A SHOWCASE SITE

‍

The showcase site is customizable by the customer via the Webflow CMS. Webflow allowed us to create a modern, elegant and easily customizable website by the client, without requiring web development skills. The site presents Finglefood, redirects to the iOS application or the web application, offers recipes and interviews with Finglefood personalities.

‍

Finally, it is important to note that the Finglefood showcase site and web application are both responsive, which means that they are optimized to adapt to all screen formats, whether it is a desktop computer, laptop, laptop, tablet or smartphone. This makes it possible to offer an optimal user experience, regardless of the device used to access the application.

‍

We are delighted to have been able to contribute to the creation of Finglefood and we are convinced that this application will help many people find eco-responsible actors in clean food near them.