Meeti Me - platforma webowa
Webowa część Meeti Me to trzy niezależne aplikacje Next.js działające na wspólnym API i jednym logowaniu: publiczny marketplace z katalogiem lokali, panel biznesowy dla właścicieli, specjalistów i menedżerów, oraz wewnętrzny panel administratora platformy. Firma dostaje jeden kalendarz zespołu, kartoteki klientów, grafiki pracy, rozliczenia wynagrodzeń, analitykę, opinie i subskrypcję Stripe. Klient rezerwuje w kilka sekund, także bez zakładania konta.
Zobacz produkt w działaniu
Interaktywna makieta kluczowych ekranów. Kliknij zakładki, żeby przełączać widoki, albo otwórz pełny ekran.
Co dokładnie zbudowaliśmy
Pełna lista funkcji oddanych w tym wdrożeniu, pogrupowana modułami.
Marketplace (meeti.me)
- Katalog lokali z filtrami: usługa, kategoria, kraj, miasto, cena, ocena, dostępność, udogodnienia
- Wyszukiwanie po geolokalizacji (PostGIS) z dystansem do lokalu
- Strona lokalu: usługi, specjaliści, opinie ze zdjęciami, odpowiedzi właściciela
- Rezerwacja bez konta (jako gość) i widget szybkiej rezerwacji pod własnym adresem
- Ulubione, kalendarz klienta, eksport wizyty do ICS, PWA
- Jawna informacja o zasadach rankingu wyników (zgodność z rozporządzeniem P2B)
Panel biznesowy
- Kalendarz zespołu: dzień, tydzień, miesiąc i oś czasu salonu z kolumną na specjalistę
- Przeciąganie wizyt, wykrywanie nakładek, filtry lokalizacji, specjalisty i statusu
- CRM klientów: notatki, flagi (VIP, stały, problem, dłużnik, alergia), czarna lista, raporty z wizyt
- Ostrzeżenie o kliencie oznaczonym przez inne firmy na platformie
- Zespół: zapraszanie specjalistów, role, grafiki pracy i wnioski o zmianę grafiku
- Usługi i sesje grupowe z limitem miejsc oraz seriami zajęć
- Rozliczenia wynagrodzeń specjalistów i menedżerów
- Analityka: przychód, rezerwacje, wykorzystanie, najpopularniejsze usługi, eksport danych
- Onboarding: checklista konfiguracji, wycieczki po panelu, banery limitów darmowego planu
Płatności i powiadomienia
- Subskrypcje Stripe: 4 plany z limitem specjalistów, okresy miesięczny / półroczny −10% / roczny −20%
- Darmowy plan dla solo-specjalisty z limitem rezerwacji i usług
- Faktury do pobrania, pakiety SMS i program poleceń
- 4 kanały powiadomień: e-mail (SES), web push, Telegram i SMS
Panel administratora platformy
- Zarządzanie firmami, użytkownikami i oznaczonymi klientami
- Katalog: kategorie, podkategorie i szablony usług
- Rozliczenia: plany, faktury, przychód, analityka i raporty
- Regiony, dokumenty prawne per region, zarządzanie SMS i wsparcie
1Wyzwanie
Jeden produkt musiał obsłużyć pięć zupełnie różnych ról i cztery rynki o odmiennych walutach, dokumentach prawnych i dostawcach SMS - zachowując jedną, spójną tożsamość wizualną i jedno logowanie na wszystkich subdomenach.
2Rozwiązanie
Monorepo Turborepo z szesnastoma współdzielonymi paczkami - design system, kalendarz, klient API, i18n, typy. Komponent naprawiony raz działa we wszystkich trzech aplikacjach. Logowanie oparte na ciasteczku HttpOnly na całej domenie `*.meeti.me`. Region jest osobną osią od języka: decyduje o walucie, dokumentach prawnych i dostawcy SMS. Kalendarz obsługuje widok dnia, tygodnia, miesiąca i oś czasu całego salonu z kolumną na każdego specjalistę, przeciąganiem wizyt i wykrywaniem nakładek. Wyszukiwanie geograficzne oparte na PostGIS.
3Rezultaty
- 3 aplikacje webowe na jednym API i wspólnym design systemie
- 16 współdzielonych paczek w monorepo (UI, kalendarz, API client, i18n, typy)
- 4 języki interfejsu (UA / EN / PL / FR) z automatycznym testem kompletności tłumaczeń
- 4 regiony (UA / PL / UE / CA) - waluta, dokumenty prawne i dostawca SMS dobierane automatycznie
- 5 interfejsów ról: klient, właściciel, specjalista, menedżer lokalizacji, administrator
- Subskrypcje Stripe w PLN i UAH, 3 okresy rozliczeniowe, pakiety SMS i program poleceń
Klient
Meeti Me (meeti.me)
Usługi
- Strategia produktu
- Design system i UI
- 3 aplikacje webowe (Next.js)
- Backend i API (NestJS)
- Płatności i subskrypcje (Stripe)
- Wielojęzyczność i wieloregionowość
Technologie
Galeria projektu
Następny projekt