What is Foodi
Foodi is an app that helps you find the perfect place to eat, whether you are in your city or in a new place.
Before we dive into all of Foodi's features, let's talk about architecture and roles.
Tech-stack
Foodi is a project developed using Expo, a powerful framework for building cross-platform mobile apps with a single codebase for both iOS and Android.
For Back-End management, Foodi uses Supabase, a Backend-as-a-Service (BaaS) platform built on top of PostgreSQL.
Foodi is entirely written in TypeScript.
Expo
React Native
TypeScript
Supabase
PostgreSQL
Roles
Foodi's architecture is divided into two distinct roles: Buyer and Seller.
This architectural division allows Foodi to deliver tailored user experiences, with customized UIs and functionalities designed to enhance their specific needs. The architecture is similar to a social media fused with a delivery app.
I have studied many platforms leveraging their insights, including Instagram, Airbnb, TikTok, Glovo and Amazon, trying to go deep in understanding dynamics, structures, but most importantly, their choices.
As a Buyer, with Foodi you can:
• Discover restaurants near you
• Explore restaurants in places you want to go
• Use Offers that restaurants create
• View restaurants' digital menus
• Get location and other useful restaurant details
• Save Offers for later and Menu items as favorites
• Follow restaurants to stay updated
As a Seller, with Foodi you can:
• Create Offers for your restaurant
• Publish and manage your restaurant's digital menu
• Insert your location details, powered by
• Scan Offers activated by your customers
• Attract more customers increasing visibility of your business
Flexibility and Potential
Foodi is a versatile platform that can actually be used not only by restaurants, but also by bars and other businesses. Offers can take many forms: from a specific discounted dish to packages that include first course, second course, and dessert. The possibilities are endless, allowing merchants to customize their promotions.
This flexibility makes Foodi a powerful tool for increasing the visibility and attractiveness of businesses.
Showcase
Here some core screens. You can see Foodi both in Light and Dark Mode by toggling the theme of the website. This is all functioning code.
The processes of a “builder” developer are many: creating and following a design system, icons consistency, colors, hierarchies, interactions, flows, down to the more logical aspects: data management, data modeling, performance, security, loading states, and so much more.
