'/%3e%3cpath%20class='cls-1'%20d='M187.5,265.5c-5.5-9.5-11-19-16.4-28.5-4.5-2.1-27.4-12.4-54.6-3C89,243.4,77.2,265.9,75,270.4h0a51.48,51.48,0,0,1,28.1-6.6,52,52,0,0,1,27,9.6q47.7,28.8,95.3,57.5h0C212.7,309.2,200.1,287.3,187.5,265.5Z'%20transform='translate(-75%20-112.5)'/%3e%3c/svg%3e)
Foodify
Pierwszy w Polsce mądry catering domowy z osobistym asystentem AI. Dla tych, którzy chcą jeść po swojemu. Mądrzej.
Zobacz na żywo
O projekcie
Foodify to platforma cateringowa nowej generacji z asystentem AI, który dobiera menu pod gust, cele i nietolerancje użytkownika. Odpowiadam za warstwę frontendową produktu klienckiego i ekosystem wokół niego - aplikację webową, ścieżkę zakupową, zarządzanie zamówieniami, integrację z silnikiem rekomendacji posiłków oraz z asystentem AI. Współtworzyłem też wewnętrzny system pracowniczy zarządzający całym środowiskiem projektu.
Wyzwanie
- Zarządzanie skomplikowanym produktem i procesem.
- Zamówienia dla całej rodziny zarządzane z jednego konta.
- Spójne działanie na webie i w aplikacjach mobilnych na wspólnym kontrakcie API.
- Integracja frontu z asystentem AI (LLM) i silnikiem rekomendacji posiłków.
- Architektura gotowa na szybkie tempo rozwoju i rosnący zespół.
Rozwiązanie
Zaprojektowałem architekturę frontendu w Nuxt 3 i TypeScript - w pełni typowaną i przygotowaną pod SSR. Spiąłem ją z asystentem AI (LLM) oraz silnikiem rekomendacji posiłków na wspólnym kontrakcie API, dzielonym z aplikacjami mobilnymi. Zbudowałem design system i bibliotekę reużywalnych komponentów, ustandaryzowałem zarządzanie stanem i wzorce pobierania danych, a także wprowadziłem procesy w zespole - code review, konwencje i CI - dzięki którym produkt można rozwijać szybko i bez regresji.
Co powstało
- Asystent AI dobierający menu na podstawie krótkiego quizu preferencji
- Czat z asystentem AI wbudowany w aplikację
- Zarządzanie zamówieniami całej rodziny z jednego konta
- Personalizacja posiłków pod cele, gust i nietolerancje
- Konfigurator menu z podglądem wartości odżywczych
- Elastyczny kalendarz dostaw - edycja i pomijanie dni
- Integracja z silnikiem rekomendacji posiłków
- Powiadomienia o statusie zamówienia i dostawie
- Responsywne, w pełni typowane UI spójne na webie i mobile
- Kompletna, w pełni funkcjonalna platforma gotowa produkcyjnie
Stack
- Nuxt 3
- Vue 3
- TypeScript
- Vuetify
- SCSS
- Pinia
- LLM / AI
- GSAP
- Eslint
- Vee-validate
- Laravel
- PostgreSQL
- Docker
