O projekcie

Client Portal to komercyjna aplikacja do obsługi zamówień B2B i B2C na modyfikację plików sterowników samochodowych używanych w sporcie motorowym na zamkniętych torach. System łączy osobne panele klienta i administratora, obejmując proces od przesłania pliku i wyboru zakresu usługi, przez płatność, aż po odbiór gotowego pliku.

Założeniem projektu było zebranie zamówień, plików i komunikacji w jednym miejscu, tak aby klient mógł śledzić realizację zlecenia, a administrator miał dostęp do jego pełnego kontekstu.

1 / 9

Sprawdź wersję demo

Kluczowe funkcje

Panel klienta: składanie zamówień, wybór zakresu modyfikacji, przesyłanie plików .bin oraz dostęp do historii i statusów zleceń.
Panel administratora: przegląd wszystkich zamówień, filtrowanie, zmiana statusów oraz udostępnianie gotowych plików.
Płatności online: integracja z Paynow i aktualizacja statusu zamówienia po potwierdzeniu płatności.
Komunikacja w aplikacji: rozmowy przypisane do konkretnych zamówień, dzięki czemu ustalenia pozostają powiązane ze zleceniem.
Powiadomienia e-mail: informacje o zamówieniach i zmianach ich statusów oraz przypomnienia o płatnościach.
Dwie wersje językowe: interfejs i wiadomości e-mail w języku polskim i angielskim.

Decyzja o sposobie płatności

Klient proponował dodanie portfela z saldem do wykorzystania przy kolejnych zamówieniach. Uznałem, że w tym przypadku wprowadzałoby to dodatkowy krok bez wystarczającej korzyści dla użytkownika. Zaproponowałem płatność bezpośrednio za każde zamówienie, co uprościło proces składania i opłacania zleceń.

Przebieg realizacji zamówienia

Złożenie zlecenia: klient przesyła plik .bin, wybiera zakres modyfikacji i dodaje ewentualne uwagi.
Płatność: aplikacja kieruje do Paynow, a potwierdzenie płatności aktualizuje status zamówienia.
Realizacja: administrator obsługuje zlecenie w swoim panelu, zmienia status i modyfikuje plik.
Odbiór: gotowy plik zostaje udostępniony klientowi do pobrania w szczegółach zamówienia.

Wykorzystane technologie

Next.js: interfejs oraz logika serwerowa aplikacji.
Prisma & Supabase: przechowywanie danych użytkowników, zamówień i wiadomości.
Better Auth: uwierzytelnianie i obsługa sesji, z rozdzieleniem dostępu klienta i administratora.
Cloudflare R2: przechowywanie plików źródłowych i gotowych plików do pobrania.
Paynow: obsługa płatności online i potwierdzeń przez webhook.
Resend: wysyłka powiadomień e-mail.
Tailwind CSS & shadcn/ui: budowa interfejsu paneli.
I18n: polska i angielska wersja aplikacji.
Sentry i Cloudflare Turnstile: monitorowanie błędów i ochrona przed botami.

Kluczowe korzyści biznesowe

Uporządkowana obsługa: pliki, płatności, statusy i ustalenia są powiązane z jednym zamówieniem.
Samoobsługa klienta: dostęp do historii, postępu prac i gotowych plików bez konieczności każdorazowego kontaktu z obsługą.
Mniej ręcznych czynności: potwierdzenia płatności i powiadomienia e-mail wspierają bieżącą obsługę zleceń.
Obsługa klientów zagranicznych: polski i angielski interfejs oraz korespondencja systemowa.