A Tavola
A Tavola is the B2B pre-order platform we built for an Italian maker of fresh pasta and comfort food. A single back office where food-service clients browse the monthly catalogue, build their order and send it before the cut-off, while administrators and agents manage products, clients and orders in real time.
$
npm run case_a-tavola
01
Customer Information
Our client is an Italian producer of fresh pasta, sauces and deli food supplying restaurants, hotels and food-service businesses across Italy and Europe. They needed to replace phone-and-message ordering with a tidy digital channel that is multi-country and multi-channel, and able to handle menus that change every month.
How We Built It
Technologies Used
We built the frontend with Next.js 16 and React 19 in strict TypeScript, styled with Tailwind CSS 4 and HeroUI, server state via TanStack Query and charts with Recharts. The backend is an Express API with Prisma on PostgreSQL. Passwordless magic-link auth and three experiences (client, admin, agent) share one codebase, with motion polished in Framer Motion.
02
One order, three roles
The most interesting challenge was making three experiences live inside one product: the client ordering for themselves, the agent ordering on behalf of assigned clients, and the administrator running the catalogue, per-country price lists and channels. Monthly menus, pre-order items, promotions and delivery cut-offs are all handled from a single dashboard with real-time analytics, so every order lands complete and on time.
Send Us a Message
Wanttoworkwithus?SendUsaMessage
Every journey begins with an introductory call, where you can tell us about your needs and receive initial advice on how to realize them.
Related Projects
