Case studyDemo portfolio · fikcyjna klinika · symulowane powiadomienia

Mokry Nos

Demonstracyjny system kliniki weterynaryjnej: strona, rezerwacja wizyty, karta pupila i panel przypomnień. Fikcyjne dane, bez rzeczywistej wysyłki SMS i e-mail.Otwórz działające demo

Rodzaj
Projekt demonstracyjny
Typ
Strona kliniki, rezerwacje, karta pupila i panel personelu
Platforma
Web · komputer i telefon
Strona kliniki · dane demonstracyjne2880 px
Strona główna demo Mokry Nos: jasny układ, zielony nagłówek, zdjęcie psa i karta przypomnienia.
Overview

Overview

Mokry Nos to demonstracyjny projekt fikcyjnej kliniki. Łączy stronę z ofertą i zespołem z systemem wizyt oraz kontem właściciela zwierzęcia. Nazwa, osoby, ceny i dane są przykładowe.

Właściciel może wybrać usługę, lekarza i termin wizyty oraz korzystać z karty pupila. Personel ma osobny panel: wizyty, kalendarz, pacjenci, lekarze i lista przypomnień.

Silnik przypomnień wylicza następne terminy na podstawie zapisanych zdarzeń. SMS i e-mail są w tej wersji symulowane. To prezentacja funkcji oprogramowania, bez obsługi prawdziwej kliniki.

Project Showcase

Project Showcase

Zrzuty i nagrania z działającej wersji projektu, w jego własnej stylistyce. Projekt demonstracyjny z fikcyjnymi danymi.

Telefon

  • Mobilny pierwszy ekran demonstracyjnej kliniki Mokry Nos.Strona na telefonie
  • Mobilny kreator wizyty w fikcyjnej klinice Mokry Nos.Rezerwacja na telefonie
Funkcjonalności

Funkcjonalności

  1. Strona kliniki

    Oferta, cennik, zespół, kontakt i prezentacja działania przypomnień.

  2. Rezerwacja wizyty

    Wybór usługi, lekarza, terminu i danych. Dostępność pochodzi z grafiku w bazie.

  3. Karta pupila

    Konto właściciela z pupilami, historią zdarzeń i terminami.

  4. Panel personelu

    Wizyty, kalendarz, pacjenci i lista nadchodzących przypomnień.

  5. Powiadomienia w trybie demo

    SMS i e-mail są symulowane, bez rzeczywistej wysyłki.

Technologie

Technologie

Tylko to, co jest używane, sprawdzone w zależnościach i importach kodu projektu.

Next.js 16 · React 19 · TypeScript
strony, formularze i logika aplikacji
Tailwind CSS 4
jasny, responsywny interfejs
Drizzle ORM · libSQL
dane wizyt, pacjentów i przypomnień
iron-session · scrypt
osobne sesje właściciela i personelu
Podejście techniczne

Podejście techniczne

  1. Jedna baza wizyt

    Dostępne godziny i rezerwacje korzystają ze wspólnych danych.

  2. Dwie role

    Konto właściciela oraz panel personelu mają odrębne sesje.

  3. Powtarzalne terminy

    Wyliczanie przypomnień i dat jest oddzielone od widoków i objęte testami logiki.

UX/UI

UX/UI

  • Spokojny interfejs

    Jasne tło, zielone akcenty i czytelne karty.

  • Wizyta krok po kroku

    Podział rezerwacji na usługę, lekarza, termin i dane.

  • Termin pod ręką

    Karta pupila i panel personelu zbierają informacje potrzebne do zaplanowania wizyty.