Wróć do realizacji
Next.jsTypeScriptTailwind CSSRezerwacje onlineResponsywność
Projekt demonstracyjny

Velora Clinic

Odwiedź stronę

To projekt demonstracyjny pokazujący kompletny system dla kliniki medycyny estetycznej. Możesz zarezerwować wizytę, przełączyć się na konto lekarza i zobaczyć ją w jego grafiku, a potem wejść jako recepcja i zarządzać całym kalendarzem. Dane nie trafiają do żadnej bazy, żyją tylko w tej sesji przeglądarki. Chodzi o to, żebyś zobaczył jak taki system działa, zanim zdecydujesz czy chcesz coś podobnego.

Jak przetestować demo

Krok 1. Zarezerwuj wizytę jako pacjent

Krok 1. Zarezerwuj wizytę jako pacjent

Otwórz demo i kliknij Zarezerwuj wizytę. Wybierz zabieg, lekarza i wolny termin, wpisz dane i przejdź przez płatność. Rezerwacja pojawia się natychmiast we wszystkich panelach.

Krok 2. Przełącz się na konto lekarza

Krok 2. Przełącz się na konto lekarza

Użyj przełącznika ról w górnym rogu. Zobaczysz właśnie złożoną rezerwację w grafiku lekarza i możesz ją potwierdzić jednym kliknięciem.

Krok 3. Wejdź jako recepcja

Krok 3. Wejdź jako recepcja

Przełącz na konto recepcji i zarządzaj całym kalendarzem kliniki. Filtruj wizyty, zmieniaj statusy i oglądaj grafik wszystkich lekarzy naraz.

Dane żyją tylko w tej sesji

To demo, więc żadne dane nie trafiają do bazy. Po odświeżeniu strony wszystko wraca do stanu początkowego.

Każdy komponent pisany od zera

Żadnych gotowych bibliotek UI. Każda animacja i interakcja zbudowana ręcznie.

Panel pacjenta

Panel pacjenta

Wróć na konto pacjenta i sprawdź historię wizyt, faktury i swoje rezerwacje. Wszystko co złożyłeś w kroku 1 jest już tutaj zapisane.